New issue
Advanced search Search tips
Note: Color blocks (like or ) mean that a user may not be available. Tooltip shows the reason.

Issue 603577 link

Starred by 1 user

Issue metadata

Status: Fixed
Owner:
Closed: Jul 2016
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Android
Pri: 2
Type: Compat

Blocked on:
issue skia:3490



Sign in to add a comment

Colorful emoji with CSS "transform: rotate()" does not render correctly

Reported by denilsonsa@gmail.com, Apr 14 2016

Issue description

Example URL:
http://codepen.io/denilsonsa/pen/MyVBgo

Steps to reproduce the problem:
Open http://codepen.io/denilsonsa/full/MyVBgo/ on Chrome on Android. I tested on Moto G 2nd gen.

What is the expected behavior?
All glyphs should rotate correctly.

What went wrong?
Colorful emoji are rendered straight (instead of rotated), but in the correct offset.

However, this only happens until the first CSS animation. After that, all glyphs are rendered correctly (rotated).

Yes, I know, it seems weird. Look at the screen recording: https://gfycat.com/NeighboringFamiliarArmyant

Does it occur on multiple sites: N/A

Is it a problem with a plugin? No 

Did this work before? N/A 

Does this work in other browsers? Yes 

Chrome version: 49.0.2623.105  Channel: stable
OS Version: 6.0
Flash Version: 

Works on Firefox on Android. Works on Chrome/Firefox on Linux (although there are no colorful emoji on Linux).
 
emoji.mp4
358 KB Download
Components: Blink>CSS
Owner: aelias@chromium.org
Status: Assigned (was: Unconfirmed)
Thanks for reporting the issue. This issue is reproducible, tested on Nexus 5/M, Samsung Galaxy S5/L, Chrome Stable: 49.0.2623.105.

Logcat @ http://go/chrome-androidlogs1/6/603577

Comment 2 by aelias@chromium.org, Apr 14 2016

Cc: aelias@chromium.org pdr@chromium.org trchen@chromium.org
Components: -Blink>CSS Blink>Paint
Owner: ----
Status: Available (was: Assigned)
My understanding is that these are drawn using EmbeddedBitmapText feature of Skia.

Comment 3 by trchen@chromium.org, Apr 15 2016

Components: -Blink>Paint
Status: ExternalDependency (was: Available)
Yep. It is a known issue: https://bugs.chromium.org/p/skia/issues/detail?id=3490

Components: Internals>Skia
Blockedon: skia:3490
Owner: bunge...@chromium.org
Status: Assigned (was: ExternalDependency)
Status: Fixed (was: Assigned)
This should now be fixed at tip of tree Chromium.

Sign in to add a comment