968994 - "word-break: break-all" CSS rule results in broken word wrapping on Google play reviews

Status: RESOLVED INVALID

(Web Compatibility :: Site Reports, defect)

Description

[Brian Nicholson (:bnicholson)]

See the Reviews section here:
https://play.google.com/store/apps/details?id=org.mozilla.firefox&hl=en

'word-break: break-all' allows lines to be broken between any two characters [1], and that's exactly what happens in Gecko, making reviews more difficult to read. I assume WebKit handles this style differently since Chrome does not have this problem.

I think the correct style to use here would instead be 'word-wrap: break-word', which breaks characters only when necessary.

[1] http://www.w3schools.com/cssref/css3_pr_word-break.asp

Comment 1

[Kevin Brosnan [Ex-Mozilla]]

See bug 959735 for discussion of this for Wired. Likely TE.

Comment 2

[Elbart]

Can't reproduce this anymore, and the break-all-rule is nowhere to be found.

Comment 3

[Mike Taylor [:miketaylr]]

Seems like this isn't valid anymore, but moving to the correct component.