search

AndreaUnlimited / starfriends

16 stars 0 forks source link

Line breaks are bugged in (at least) Firefox #109

Open Cassolotl opened 7 years ago

Cassolotl commented 7 years ago

q8dwjtq

The above is in Firefox 51.0.1 on Windows 10. "NOT" and "coffee" are over two lines each.

If you see this happen, please let us know which URL you found it on, which browser and OS you were using, and if possible post a screenshot! Thank you. :)

MyAlternateAccount commented 7 years ago

Confirmed on Firefox 51.0.1 on Linux, on the feed main page:

1487565874

Works on Chromium 56 on Linux:

1487565946

The problem is in style.css on line 1035:

.feed_inner_content {
    margin: 10px 10px 10px 20px;
    padding: 10px;
    max-width: 710px;
    display: inline-block;
    background-color: #E8E8E8;
    -ms-word-break: break-all;
    word-break: break-all;

 /* Non standard for webkit */
     word-break: break-word;
}

word-break: break-all allows the browser to break lines between any two characters, and Webkit (which Chromium/Chrome is based on) doesn't seem to support it. I'm not sure if this behavior is intentional, but I can confirm that removing that CSS rule does fix the issue in Firefox.