New issue
Advanced search Search tips

Issue 679382 link

Starred by 1 user

Issue metadata

Status: Duplicate
Merged: issue 307870
Owner: ----
Closed: Feb 2017
Components:
EstimatedDays: ----
NextAction: ----
OS: Chrome
Pri: 3
Type: Bug



Sign in to add a comment

Transition delay queue for inherit and currentColor properties on child nodes

Reported by shr...@gmail.com, Jan 9 2017

Issue description

Chrome Version: 55.0.2883.87 m (64-bit) (Actually this bug persist on every version for several years)

Steps To Reproduce:
(1) Specify property value (color, text-shadow, etc.) and transition for parent node
(2) Set this property value to 'inheirit' to child node and set transition aswell
(3) Change property value on parent node (for example by hover)

Expected Result: property value of child and parent nodes should transition simultaneously

Actual Result: child transition will start when parent transition ends

How frequently does this problem reproduce? Always

What is the impact to the user, and is there a workaround? If so, what is it? 
Transition of complex elements which should runs simultaneously as one element actually runs in queue and visually looks wrong.
Here is one workaround, not to use 'inherit' or 'currentColor' values if you want transition these properties.

Here is showcase: http://codepen.io/schonert/details/ovjhd/





 

Comment 1 by shr...@gmail.com, Jan 9 2017

Here is same issue for webkit https://bugs.webkit.org/show_bug.cgi?id=46041
Components: Blink
Components: -Blink Blink>Animation
Mergedinto: 307870
Status: Duplicate (was: Unconfirmed)

Sign in to add a comment