Non-standard whitespace rendering as non-breaking spaces ( )
Reported by
skid...@gmail.com,
Nov 8
|
|||
Issue descriptionUserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.77 Safari/537.36 Example URL: https://www.thetrainline.com/en/train-companies/trenitalia/wifi Steps to reproduce the problem: 1. Visit page: https://www.thetrainline.com/en/train-companies/trenitalia/wifi 2. Find text: Which Italian trains have WiFi, inspect. Space before WiFi is rendering as . Also check paragraph below for more examples. 3. If you view the source, you will see it is just a space, no in the code. However using codepen we have found that the spaces are not standard, and if replaced with a new space the issue will go away. 4. If you view the content in mobile emulation, the text is breaking out of the container. What is the expected behavior? No non-breaking spaces should be visible and the whitespace character should be treated as a standard unicode whitespace. This works correctly in Safari and Edge. Chrome used to work the same way until very recently. What went wrong? The non-breaking spaces are breaking the formatting of the page, in-particular on mobile devices, where the text breaks out of the container. Does it occur on multiple sites: Yes Is it a problem with a plugin? No Did this work before? Yes Does this work in other browsers? Yes Chrome version: 70.0.3538.77 Channel: stable OS Version: OS X 10.13.6 Flash Version: We have thousands of pages with this issue, so data cleansing is difficult, especially when source code editors do not identify the space as non-standard. Essentially we can't see the unicode so we don't know that the whitespace character is non-standard until we inspect the front-end output.
,
Nov 9
Able to reproduce the issue on Mac 10.13.6, Win-10 and Ubuntu 17.10 using chrome reported version #70.0.3538.77 and latest canary #72.0.3605.0. This is a non-regression issue as it is observed from M60 old builds. Hence, marking it as untriaged to get more inputs from dev team. Thanks...!!
,
Nov 12
I see the exact same layout problem in Firefox and Edge, although there's no in *their* inspectors. Observe how "speed Frecciarossa and Frecciargento trains" is unbreakable (and overflows the container), if the window is narrow enough. Reproducible in Chrome, Edge and Firefox. The website inserts non-breaking whitespaces (U+00A0 instead of the normal breakable whitespace U+0020) between some words in the text. It's not really a non-standard whitespace, although it's non-breakable. All browsers behave correctly here. If I download the raw source, I can see this mix of regular breakable whitespaces and non-breakable ones. This is a site problem. |
|||
►
Sign in to add a comment |
|||
Comment 1 by schenney@chromium.org
, Nov 8Labels: -Type-Bug -Pri-2 Needs-Bisect Pri-1 Type-Bug-Regression