[wp-trac] [WordPress Trac] #46676: Twenty Twelve: Long non-breaking text strings can cause horizontal scrolling

[WordPress Trac]

#46676: Twenty Twelve: Long non-breaking text strings can cause horizontal
scrolling
-------------------------------------+------------------------------
 Reporter:  ianbelanger              |       Owner:  ianbelanger
     Type:  defect (bug)             |      Status:  assigned
 Priority:  normal                   |   Milestone:  Awaiting Review
Component:  Bundled Theme            |     Version:
 Severity:  normal                   |  Resolution:
 Keywords:  has-patch needs-testing  |     Focuses:
-------------------------------------+------------------------------
Changes (by ianbelanger):

 * keywords:   => has-patch needs-testing


Comment:

 46676.diff adds

 {{{
 -webkit-hyphens: auto;
 -moz-hyphens: auto;
 hyphens: auto;
 word-wrap: break-word;

 also added word-break: break-all; for Chrome, IE11 and Edge
 }}}

 to these selectors:

 {{{
 .site-header h1,
 .site-header h2,
 .comments-title,
 .site-content nav
 }}}

 to prevent horizontal scrolling when long non-breaking text strings are
 used.

 However, `hyphens: auto;` currently only works in Firefox. Unfortunately
 nothing worked for me in Chrome, IE11 or Edge.

 This patch was tested on a Windows 10 machine, in Firefox, Chrome, IE11
 and Edge browsers

 Testing in other OS's and browsers would be appreciated.

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/46676#comment:1>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform