New issue
Advanced search Search tips

Issue 719648 link

Starred by 12 users

Issue metadata

Status: Available
Owner: ----
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Android
Pri: 2
Type: Bug



Sign in to add a comment

Emoji not rendered at font-size:55px and larger on Android

Reported by t...@tobireif.com, May 8 2017

Issue description

UserAgent: 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.
 
index.html
1.5 KB View Download
55px.html
1.5 KB View Download

Comment 1 by t...@tobireif.com, May 8 2017

The page
https://tobireif.com/non_site_stuff/emoji_max-size_test/
on the specified setup:

Comment 2 Deleted

Comment 3 by t...@tobireif.com, May 8 2017

The page
https://tobireif.com/non_site_stuff/emoji_max-size_test/55px.html
(font size 55px)
on the specified setup:

Comment 4 Deleted

Comment 5 Deleted

Comment 6 Deleted

Comment 7 by t...@tobireif.com, May 8 2017

Bug #501071 might be related.

Comment 8 by t...@tobireif.com, May 8 2017

(When I linked the other bug report using the full URL it always got deleted immediately.)
Components: UI
Labels: Needs-Triage-M58
Components: -UI Blink>Fonts
Cc: rbasuvula@chromium.org
Labels: -OS-Mac OS-Android
Looks like android issue.Adding android OS.

Comment 12 by e...@chromium.org, May 9 2017

Status: Available (was: Unconfirmed)
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>
I forgot to mention in my previous comment that I'm using a Macbook 12" Retina.

Comment 15 by nico...@hoizey.com, 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

Comment 16 by t...@tobireif.com, Mar 1 2018

I hope you can ensure that emoji get rendered up to large sizes.
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)

Comment 18 by t...@tobireif.com, Mar 22 2018

That's great news!

Unfortunately I can't test in mobile Chrome 67 (yet).

Comment 19 Deleted

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.

Sign in to add a comment