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.
The narrow space is seemingly not rendered. Inspecting the page via the developer tools show no space at all.
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.
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.