An unsupported(?) modifier causes the multiple preceding emoji to show up as squares |
|||
Issue descriptionUserAgent: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/53.0.2785.116 Safari/537.36 Example URL: data:text/html;charset=utf-8,<!doctype html>%F0%9F%92%A5%F0%9F%9A%B6%F0%9F%8F%BB<br/>%F0%9F%92%A5%F0%9F%9A%B6 Steps to reproduce the problem: 1. Go to the URL. What is the expected behavior? In the first line - a collision emoji, a pedestrian emoji and perhaps a pale skin tone (though it is a modifier, as far as I understand, so it should not show a character on its own). In the second line - a collision emoji and a pedestrian emoji. A text box with the same as the first line. What went wrong? In the first line - three squares. In the second line - a collision emoji and a pedestrian emoji. A text box with three squares. If you press backspace to delete the last one, the characters show up. Firefox shows the first two characters no matter what. The third character is a square with the following characters inside of it - 0173FB. Does it occur on multiple sites: N/A Is it a problem with a plugin? N/A Did this work before? N/A Does this work in other browsers? N/A Chrome version: 53.0.2785.116 Channel: stable OS Version: 6.1 (Windows 7, Windows Server 2008 R2) Flash Version: Shockwave Flash 23.0 r0 I ran into it because I copied the bonus line from https://plus.google.com/+FrancoisBeaufort/posts/EPm6BVFpmUi and pasted it in the Google search field (in order to find the meaning of the characters that show up as squares). I all of the characters, selected everything but the first character and cut them and pressed Enter. This way I got the meaning of a single character. I repeated for the pasted text until I happened to have pressed backspace instead of cutting the rest of the text and when I removed a certain character, all of the characters before it were changed from squares to actual emoji.
,
Sep 22 2016
,
Sep 22 2016
Your example data URL does not seem to have any textbox markup in it or no third line really, so the expected results couldn't match. Could you post a screenshot on what you see on Windows 7 in Chrome and FF? I currently only have access to a Win 10 machine. For more info on the sequence: https://codepoints.net/%F0%9F%92%A5%F0%9F%9A%B6%F0%9F%8F%BB%F0%9F%92%A5%F0%9F%9A%B6 I believe the square that FF shows contains 1F3FB which is the fitzpatrick, modifier.
,
Sep 22 2016
Sorry, you are correct, it was a recent addition. Here - data:text/html;charset=utf-8,<!doctype html>%F0%9F%92%A5%F0%9F%9A%B6%F0%9F%8F%BB<br/>%F0%9F%92%A5%F0%9F%9A%B6<br/><input value=%F0%9F%92%A5%F0%9F%9A%B6%F0%9F%8F%BB> Correction to the actual results - A text box with three squares. If you press backspace to delete the last one, the first character show up. The second character is lost. The sequence you mentioned is different than the one I mentioned. Here is the one I mentioned - https://codepoints.net/search?q=💥🚶🏻 And yes, Firefox shows the third character codepoints shows. I attached a screenshot of Chrome. Do you still need a screenshot of Firefox? It just shows the third character like codepoints shows.
,
Sep 23 2016
Yes, it would be helpful to have a screenshot of what FF does on Windows 7. Can you also right-click => Inspect each line and look at the computed styles panel in Inspector and post here which font is used? Thank you.
,
Sep 23 2016
In Chrome - Arial Segoe UI Symbol Arial Sorry for being a bit petty (I do not have Firefox on this non-development computer), but I understand you have a BrowserStack account that you can use to see it in Windows 7, right? If you still want me to generate a screenshot, let me know.
,
Sep 23 2016
Will an Internet Explorer 11 screenshot work? Attached. Firefox just renders the third square in the screenshot as a square with characters, like codepoints shows but everything else is pretty much the same.
,
Sep 23 2016
Thanks for the updates - we probably try to shape the fitzpatrick modifier sequence with Segoe UI Symbol, which ends up failing, not exactly sure why that is - then fallback to last resort font Arial.
,
Sep 23 2016
Here are screenshots of the Google Plus page (that started all of this) in Chrome and Internet Explorer 11. There are basically two issues here. One - Chrome renders a square instead of the second character when the third character follows. Two - when pressing backspace to delete the third character, it removes two characters instead of one. Will resolving the first resolve the second?
,
Nov 30 2017
Still repros on trunk. |
|||
►
Sign in to add a comment |
|||
Comment 1 by phistuck@chromium.org
, Sep 22 2016Labels: -Type-Compat Hotlist-Interop Type-Bug
Status: Untriaged (was: Unconfirmed)