Emoji not rendered at font-size:55px and larger on Android
Reported by
t...@tobireif.com,
May 8 2017
|
|||||
Issue descriptionUserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/58.0.3029.96 Safari/537.36 Steps to reproduce the problem: 1. Open https://tobireif.com/non_site_stuff/emoji_max-size_test/ on Galaxy S6 Android 5.0 Chrome 58 (eg via crossbrowsertesting.com ). The emoji get rendered. 2. Open https://tobireif.com/non_site_stuff/emoji_max-size_test/55px.html (same file but with 55px instead of 54px font size for the emoji). The emoji don't get rendered. What is the expected behavior? The emoji should always get rendered, up to large sizes. What went wrong? When you set the font size to 55px or larger, the emoji are not shown on this setup. Did this work before? N/A Does this work in other browsers? N/A Chrome version: 58.0.3029.96 Channel: stable OS Version: OS X 10.12.4 Flash Version: I hope you can ensure that Chrome always renders emoji, in sizes up to eg 128px or more.
,
May 8 2017
The page https://tobireif.com/non_site_stuff/emoji_max-size_test/55px.html (font size 55px) on the specified setup:
,
May 8 2017
Bug #501071 might be related.
,
May 8 2017
(When I linked the other bug report using the full URL it always got deleted immediately.)
,
May 8 2017
,
May 8 2017
,
May 9 2017
Looks like android issue.Adding android OS.
,
May 9 2017
,
Oct 6 2017
I've got what looks like the same issue on Chrome 61.0.3163.100 on macOS High Sierra 10.13 (17A365). Here is the code I used to show the emoji is not rendered above 128px in the font-size, and no more if I divide the font-size by 2 and use a transform to scale up twice: data:text/html;charset=utf-8,<body><p style="font-size:128px">128px: %F0%9F%98%B1</p><p style="font-size:129px">129px: %F0%9F%98%B1</p><p style="font-size:65px; transform: scale(2); transform-origin: top left">64px * 2: %F0%9F%98%B1</p>
,
Oct 7 2017
I forgot to mention in my previous comment that I'm using a Macbook 12" Retina.
,
Oct 27 2017
I've made a small video to show that emojis are shown on a non Retina screen, but disappear when the window is moved onto the Retina screen: https://www.youtube.com/watch?v=XlDxkRq2Gr4&feature=youtu.be
,
Mar 1 2018
I hope you can ensure that emoji get rendered up to large sizes.
,
Mar 21 2018
I believe this is fixed in 67.0.3371.0 (and possibly earlier versions too, anything that picked up https://skia.googlesource.com/skia.git/+/080a928a249115ec425771dd055682edf74d5258)
,
Mar 22 2018
That's great news! Unfortunately I can't test in mobile Chrome 67 (yet).
,
Oct 1
I can confirm that the issue has been fixed. The emoji are shown at both font sizes: https://app.crossbrowsertesting.com/public/ib8393c20a124bac/livetests/14399551/snapshots/z82b982e574814b5fd5a https://app.crossbrowsertesting.com/public/ib8393c20a124bac/livetests/14399531/snapshots/zf0c00008074730adf38
,
Oct 1
The new limit is font-size 146px (in mobile Chrome 69): 146px: https://app.crossbrowsertesting.com/public/ib8393c20a124bac/livetests/14400380/snapshots/z66ee2a9e2217b4cad00 At font-size 147px are not rendered properly: https://app.crossbrowsertesting.com/public/ib8393c20a124bac/livetests/14400384/snapshots/za103323111cb78aeff2 I don't know whether it's feasible to support sizes larger than 146px.
,
Oct 2
At font-size 146px the emoji seem a bit blurry: https://app.crossbrowsertesting.com/public/ib8393c20a124bac/livetests/14400380/snapshots/z66ee2a9e2217b4cad00 |
|||||
►
Sign in to add a comment |
|||||
Comment 1 by t...@tobireif.com
, May 8 2017198 KB
198 KB View Download