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

[WordPress Trac]

#46669: Twenty Ten: 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


Old description:

> While fixing #36346 I noticed that all `Bundled Themes` have some sort of
> `word-wrap` issues when using long non-breaking text strings. While this
> might be an edge case issue, I believe that it warrants fixing. Also,
> there doesn't seem to be any backwards compatibility issues.
>
> In order to better track this issue in each theme, I am separating #36346
> into separate tickets per theme.

New description:

 While fixing #36346 I noticed that all `Bundled Themes` have some sort of
 `word-wrap` issues when using long non-breaking text strings. While this
 might be an edge case issue, I believe that it warrants fixing. Also,
 there doesn't seem to be any backwards compatibility issues.

 In order to better track this issue in each theme, I am separating #36346
 into separate tickets per theme.

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

--

Comment:

 46669.diff adds

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

 to these selectors:

 {{{
 #site-title,
 #site-description,
 #content .entry-title,
 .entry-content,
 .entry-summary,
 #comments,
 #site-info,
 .navigation
 }}}

 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

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