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

[WordPress Trac]

#46703: Twenty Seventeen: 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:

 46703.diff adds

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

 to these selectors:

 {{{
 .site-title
 }}}

 and `max-width: 100%;` to `.site-title` 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/46703#comment:1>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform