Bug 181302 – Web Inspector: Zero-width joiners and other hidden Unicode characters are not displayed

• Status: NEW
• Component: Web Inspector

[Craig Hockenberry]

Zero-width joiners and other hidden Unicode characters in #text nodes are not displayed in the Web Inspector.

To reproduce:

1) Open this web page:

https://meta.stackoverflow.com/questions/361390/can-posts-to-stack-overflow-be-fingerprinted-using-hidden-unicode-characters

2) Select the "foo" in the "foo * bar" sample code

3) Inspect the element

4) Look at the nodeValue for the #text node

Expected result:

All the Unicode code points in the element should be visible. Chrome displays the HTML entities for the Unicode code points contained within the element:

‌​‌​‌‌‌⁠‌‌​‌​​​⁠‌‌​​​​‌⁠‌‌‌​‌​​⁠‌​​​​​⁠‌‌​​‌​​⁠‌‌​‌‌‌‌⁠‌‌​​‌​‌⁠‌‌‌​​‌‌⁠‌​​​​​⁠‌‌​​‌‌​⁠‌‌​‌‌‌‌⁠‌‌​‌‌‌‌⁠‌​​​​​⁠‌‌​​‌​‌⁠‌‌‌​‌‌​⁠‌‌​​‌​‌⁠‌‌​‌‌‌​⁠‌​​​​​⁠‌‌​‌‌​‌⁠‌‌​​‌​‌⁠‌‌​​​​‌⁠‌‌​‌‌‌​⁠‌‌‌‌‌‌foo 

Actual result:

Text value is displayed as " foo ".

[Radar WebKit Bug Importer]

<rdar://problem/36307533>

[Smoley]

*** Bug 220831 has been marked as a duplicate of this bug. ***

[Sam Sneddon [:gsnedders]]

What do we want to display escaped? General category C*? Some of White_Space=yes, as well, probably?

[Ebrahim Byagowi]

> What do we want to display escaped? General category C*? Some of White_Space=yes, as well, probably?

Oh, finding a unicode category of them also would be nice, it should contain what WebKit initially started at Bug 93888 and ended up to be https://source.chromium.org/chromium/chromium/src/+/master:third_party/devtools-frontend/src/front_end/elements/ElementsTreeOutline.js;l=1679?q=MappedCharToEntity&ss=chromium I started a draft based on the two on https://pastebin.com/1hVMRLD3