Word wrapping in column 2 of Internet Explorer / Microsoft Edge

  • When I view this page in IE / Edge the text in column two (to the right of the screen shots) does not word-wrap correctly.

    It is fine in:

    – Chrome
    – Firefox
    – Opera
    – Safari

    How can this be fixed? I am using the latest WordPress software.

    —

    I tried my staging area and used a default WordPress theme and it is even worse. In this case the text does not word-wrap incorrectly but the images overwrite the text.

    So it is not a theme issue I feel but a WordPress / IE / Edge issue with the Columns block.

    • This topic was modified 5 years, 1 month ago by Chuckie.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter Chuckie

    (@ajtruckle)

    I resolved it by adding this custom CSS t my website:

    /* bug fix */
.wp-block-columns
{
	word-break: normal;
}

    The default according to IE looking at the source was break-all.

    I tested with Edge 18 and found that columns in the editor in the columns block were using word-break: break-word; (not break-all) and that the wrapping worked normally in the editor and on the front-end.

    Tested with Edge 18 on Windows 10 via browserstack.com on a site running WordPress 5.2.3 and Twenty Nineteen 1.4: https://cloudup.com/cL48OulNg5V

    Could you test with Twenty Nineteen v1.4+? It would also be good to note your WordPress version as well as IE and Windows versions. Maybe not having the latest version of one of those is the difference compared to my test?

    Thread Starter Chuckie

    (@ajtruckle)

    I have commented out the code but then it reverts back.

    IE is Microsoft Edge 44.18362.329.0

    I have tried the latest 1.4 WP 19 and it shows ugly.

    I am just going to re-work how I show this information.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Word wrapping in column 2 of Internet Explorer / Microsoft Edge’ is closed to new replies.