[wp-trac] [WordPress Trac] #21151: Break long words in sidebar widgets for Twenty Ten and Twenty Eleven

[WordPress Trac]

#21151: Break long words in sidebar widgets for Twenty Ten and Twenty Eleven
---------------------------+------------------
 Reporter:  sennza         |       Owner:
     Type:  defect (bug)   |      Status:  new
 Priority:  normal         |   Milestone:  3.5
Component:  Bundled Theme  |     Version:  3.4
 Severity:  normal         |  Resolution:
 Keywords:  has-patch      |
---------------------------+------------------
Changes (by lancewillett):

 * keywords:  has-patch ux-feedback => has-patch


Comment:

 The best fix is a bit more verbose and also adds support for hyphenation
 in modern browsers. From http://html5please.com/#hyphens Paul Irish
 explains:

 > CSS Text Level 3 allows you to tell the browser to break words using
 hyphens. Read about how to effectively use hyphens:auto and word-break in
 Word wrapping/hyphenation using CSS.

 > As there won't by any noticable effects on browsers which don't support
 the feature, we recommend that you use it without any polyfills or
 fallbacks. CSS Hyphenator is a polyfill that works on browsers that
 support the soft hyphen. Modernizr has good support for hyphentation
 detection.

 See a detailed explanation at http://blog.kenneth.io/blog/2012/03/04/word-
 wrapping-hypernation-using-css/.

 CSS to be implemented:

 {{{
         -ms-word-break: break-all;
     word-break: break-all;
         word-break: break-word;
         -webkit-hyphens: auto;
         -moz-hyphens: auto;
         hyphens: auto;
 }}}

 Props iandstewart for the Paul Irish pointer.

-- 
Ticket URL: <http://core.trac.wordpress.org/ticket/21151#comment:16>
WordPress Trac <http://core.trac.wordpress.org/>
WordPress blogging software