id summary reporter owner description type status priority milestone component version severity resolution keywords cc focuses
22751 Twenty Eleven: Words Break at Line Endings in Nested Comments in Firefox and IE chellycat lancewillett "Longer words in nested comments are breaking at the ends of lines in Firefox and IE. Steps to reproduce:
1. Activate Twenty Eleven on a test blog
2. Create a nested comment that's long enough to have multiple lines. Use this example text if you'd like: ""Replying to this comment and want to see if the words will break. Momentarily waiting to see if words will break in wrong places and be moved continuously to a new line.""
3. View the comment on the blog and observe how the words break strangely, without hyphens.
In r21487 (the fix for #21491), the following was added to Twenty Eleven:
{{{
.commentlist .children li.comment .comment-content {
margin: 1.625em 0 0;
-ms-word-break: break-all;
word-break: break-all;
word-break: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
}}}
The ""word-break: break-all"" and ""-ms-word-break: break-all"" rules are causing longer words to break without hyphens. Please see attached screenshot for an example. This problem occurs in Firefox and IE9. Safari and Chrome both show hyphens.
What do you think about removing those two rules? Removing them allows the words to break with hyphens." defect (bug) closed normal 3.5 Bundled Theme 3.5 normal fixed