Bug 180744 - Narrow no-break space has no width on recent Safari and iOS
Summary: Narrow no-break space has no width on recent Safari and iOS
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: Safari 11
Hardware: Unspecified All
: P2 Normal
Assignee: Nobody
URL: http://output.jsbin.com/rariyiwupa
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2017-12-13 02:30 PST by Emmanuel P
Modified: 2019-06-21 13:18 PDT (History)
8 users (show)

See Also:


Attachments

Note You need to log in before you can comment on or make changes to this bug.
Description Emmanuel P 2017-12-13 02:30:22 PST
Overview:
The narrow no-break space character ( ) seems to have changed behavior in recent Safari versions. On macOS Sierra and High Sierra, with Safari 10.1 and 11 ; and on iOS 10 and 11, the character has no width at all. On previous versions, the character renders correctly.

Steps to Reproduce:
- Add narrow space characters in a HTML document via the HTML entity " ". You can go to the given jsbin link to see a test case.

Actual Results:
The narrow space is seemingly not rendered. Inspecting the page via the developer tools show no space at all.

Expected Results:
The narrow space should render.

Builds and Platforms:
The bug occurs on iOS 10 and 11, in Safari and in in-apps webviews.
The bug occurs on macOS Sierra with Safari 10.1.
The bug occurs on macOS High Sierra with Safari 11.

The bug does not occur on iOS 9.
The bug does not occur on macOS El Captain 9.1.

Additional Information:
Seemingly related bug: https://bugs.webkit.org/show_bug.cgi?id=172205. Difference is in my case the text is written in french.
I tried with multiple fonts including the -apple-system one without success.
Comment 1 Radar WebKit Bug Importer 2017-12-13 07:57:04 PST
<rdar://problem/36021002>