USDepartmentofLabor / Ilab-do-good

ILab Do Good
0 stars 3 forks source link

Functional - Web - Why is Word Split with No hyphen #124

Open jfc3-dol opened 6 years ago

jfc3-dol commented 6 years ago

While testing JAWS with IE 11, I noticed on the Step 4 page under "Key Terms" section the word "operations" is split over two lines and is not using a hyphen. Plus, it's split weirdly is why I noticed it.

Please see the screenshot below.

complychain - steps - step 4 why is word split and not using a hyphen

ghost commented 6 years ago

It is doing this in Firefox and IE but displaying fine on Chrome... I will look into this anomaly

jfc3-dol commented 6 years ago

The following CSS is inline at line 225 or it could be something else similar.

li.my-step-splash { overflow-wrap: break-word; word-wrap: break-word; word-break: break-all; word-break: break-word; }

Could the problem be some kind of CSS wrapping thing that only works in Chrome? Because I see what you mean, that is works in Chrome but not Firefox or IE 11.