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

[WordPress Trac]

#46704: Twenty Nineteen: 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:

 46704.diff adds

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

 to these selectors:

 {{{
 .site-branding,
 .site-info,
 .comments-area,
 #colophon .widget-column .widget
 }}}

 and `word-wrap: break-word` to

 {{{
 .post-navigation .post-title,
 .entry-title,
 .not-found .page-title,
 .error-404 .page-title,
 .comments-title,
 blockquote
 }}}

 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/46704#comment:1>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform