I was looking at an old post and when I expand the comments they spread way over everything on the right. Has anyone else experienced this problem?
I see it in Firefox 4.01, Chrome 11.0.696.68, and Opera 11.10 (on Mac).
Meta Stack Exchange is a question and answer site for meta-discussion of the Stack Exchange family of Q&A websites. It only takes a minute to sign up.
Sign up to join this communityI was looking at an old post and when I expand the comments they spread way over everything on the right. Has anyone else experienced this problem?
I see it in Firefox 4.01, Chrome 11.0.696.68, and Opera 11.10 (on Mac).
Yay! More unicode fun!
So far we were inserting soft-hyphens ­
into long comment lines without whitespace to force line-breaks; but it seems that not all browsers can be convinced to make this work in all cases.
We can't use the zero-width space ​
because it doesn't work in IE; we can't use the zero-width non-joiner ‌
because that doesn't work in all browser as well.
But alas: It seems the using both actually works everywhere. So, from now on, our Stack Exchange™ WhiteSpace EnforcementOfficer™ is
‌​
Next build, as usual.
<span style="display: inline-block"></span>
instead?
word-wrap: break-word
, there's also word-break: break-all
, which works nicely in all my browsers, but apparently not in Opera... :-(
I think this could be fixed with
.comment-text{
max-width:50px;
}
no ?
edit
it doesn't look like overflow is hidden here
Using <wbr>
tags instead of Unicode characters for breakpoints is likely to play better with copy-and-paste in current browsers (especially Firefox).