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

Issue 820071 link

Starred by 1 user
Status: Assigned
Owner:
kevers@chromium.org
Cc:
█ sindhu.chelamcherla@chromium.org
smcgruer@chromium.org
kevers@chromium.org
Components:
EstimatedDays: ----
NextAction: ----
OS: Linux , Windows , Mac
Pri: 2
Type: Bug



Sign in to add a comment

Counter rotation inside rotation causes element to shake randomly instead of stand still

Reported by mac...@skrzypinski.net, Mar 8 2018 
UserAgent: Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:57.0) Gecko/20100101 Firefox/57.0

Steps to reproduce the problem:
https://codepen.io/Aux-Lux/pen/mxdbOX
Here is example code. Works even on IE11, and fails only on Chrome.

1. Rotate parent 360deg CW
2. Rotate children at the same time 360deg CCW

Children is shaking instead of standing still.

What is the expected behavior?
Counter animations should balance parent animation without artifacts.

What went wrong?
Children is shaking instead of standing still.

Did this work before? N/A 

Does this work in other browsers? Yes

Chrome version: 63.0.3239.132  Channel: stable
OS Version: 6.1 (Windows 7, Windows Server 2008 R2)
Flash Version: Shockwave Flash 21.0 r0

I have feeling, that this was working in past, but I have no proof.

Comment 1 by susan.boorgula@chromium.org, Mar 9 2018

Labels: Needs-Milestone

Comment 2 by sindhu.chelamcherla@chromium.org, Mar 9 2018

Cc: sindhu.chelamcherla@chromium.org
Labels: Triaged-ET M-67 Target-67 FoundIn-67 OS-Linux OS-Mac
Able to reproduce this issue on reported version 63.0.3239.132, on latest stable 64.0.3325.146 and on latest canary 67.0.3366.0 using Windows 10, Ubuntu 14.04 and Mac 10.13.3. i.e; Unwanted shaking of image is seen.

This issue is seen from M-60. Hence considering this issue as Non-Regression and marking as Untriaged.

Thanks!

Comment 3 by sindhu.chelamcherla@chromium.org, Mar 9 2018

Status: Untriaged (was: Unconfirmed)
NOTE: Issue is not seen in Firefox and Safari. But issue is seen in Edge.

Comment 4 by schenney@chromium.org, Mar 12 2018

Components: -Blink>CSS Internals>Compositing>Animation

Comment 5 by sunyunjia@chromium.org, Mar 12 2018

Status: Available (was: Untriaged)

Comment 6 by smcgruer@chromium.org, Dec 13

Cc: smcgruer@chromium.org kevers@chromium.org
This has something to do with composited animations. https://output.jsbin.com/zuquwok/quiet is a version with unpacked SCSS and with composited animations disabled (by adding margin-left to the animation which is main-thread bound) and it renders correctly.

The question is whether the transform on the compositor is being calculated incorrectly, or whether the timing of the animation on the compositor is going wrong.

I think the next step will be to try and reduce the reproduction to something a bit more manageable.

+kevers@ since he has recently done work in the area of transform animations and just might have some inkling of whether this could be matricey stuff.

Comment 7 by smcgruer@chromium.org, Dec 18

Owner: kevers@chromium.org
Status: Assigned (was: Available)
►

Sign in to add a comment