[wp-trac] [WordPress Trac] #22751: Twenty Eleven: Words Break at Line Endings in Nested Comments in Firefox and IE

[WordPress Trac]

#22751: Twenty Eleven: Words Break at Line Endings in Nested Comments in Firefox
and IE
-----------------------------+---------------------------
 Reporter:  chellycat        |       Type:  defect (bug)
   Status:  new              |   Priority:  normal
Milestone:  Awaiting Review  |  Component:  Bundled Theme
  Version:                   |   Severity:  normal
 Keywords:                   |
-----------------------------+---------------------------
 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.

-- 
Ticket URL: <http://core.trac.wordpress.org/ticket/22751>
WordPress Trac <http://core.trac.wordpress.org/>
WordPress blogging software