Issue metadata
Sign in to add a comment
|
Garbage characters shown momentarily to users before icons on all sites
Reported by
jidanni@gmail.com,
Jan 18 2018
|
||||||||||||||||||||||
Issue descriptionUserAgent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/63.0.3239.84 Safari/537.36 Example URL: Steps to reproduce the problem: Today I found a whopper bug. In the labs with the fast equipment will never notice it, otherwise is very startling... like there is some virus at work. OK, here's how to see it: in developer tools use something like SLOW.jpg profile. Now browse say https://contacts.google.com/ (logged in) Notice how the Red "+" icon is first shown as a weird Chinese character, before finally becoming "+". Now browse e.g., https://udn.com/news/story/11319/2936071 Notice how the top row of icons is momentarily ".... r" Even the smaller ones in the small row above it are junk. They are not random characters, as they are the same every time. Please first try the above throttling profile and "Disable Cache" in Developer Tools -> Networking, else you will never be able to reproduce it in the labs. What is the expected behavior? What went wrong? Impact: users are exposed to a weird intermediary internal step that they should never see, although lasting usually less than one second, still installing fears that there is something that has been hacked and has secondary control of the screen. If anything just show blanks, not weird characters. Thank you. 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: 63.0.3239.84 Channel: n/a OS Version: Flash Version:
,
Jan 18 2018
Can you believe the character shown on the Google Contacts image is so rare it doesn't even show up on https://www.mdbg.net/chinese/dictionary?page=chardict&cdqchc=%E5%9C%9F%E5%8E%B6%E8%99%AB .
,
Jan 18 2018
These sites use icon fonts.
,
Jan 18 2018
This is WebFont's fallback behavior. If a remote font couldn't be loaded within 3 seconds, Chrome shows text in a fallback font. These icon fonts use "private use area" of Unicode. If fallback font in your environment happened to have a glyph in that private area, a wired character would be shown. For example the "+" button is U+E145 in the material icons font, and it seems some font have Chinese character at that codepoint. http://www.fileformat.info/info/unicode/char/e145/fontsupport.htm
,
Jan 18 2018
So something is wrong with Chromium's https://css-tricks.com/fout-foit-foft/
,
Jan 18 2018
Ah, https://en.wikipedia.org/wiki/Flash_of_unstyled_content says see https://bugs.chromium.org/p/chromium/issues/list?can=1&q=fouc&sort=id Anyway I still have the problem here with a 2012 laptop and 2M/64k connection.
,
Jan 18 2018
Hm, the spec says browser shouldn't fallback for Private-Use Area. https://drafts.csswg.org/css-fonts/#char-handling-issues So this is a bug we should fix. Re-opening, thanks for the report!
,
Jan 18 2018
,
Jan 18 2018
...and realized that it's already taken care of :) https://bugs.chromium.org/p/chromium/issues/detail?id=795225 This should be fixed in Chrome 64+. Note that the rightmost icon in udn.com uses non-private code point, so it'll still be displayed as "r" after 3 seconds on 64+. |
|||||||||||||||||||||||
►
Sign in to add a comment |
|||||||||||||||||||||||
Comment 1 by jidanni@gmail.com
, Jan 18 201828.2 KB
28.2 KB View Download