RESOLVED CONFIGURATION CHANGED153843
Inherited CSS property transitions happen in sequence instead of simultaneously 
https://bugs.webkit.org/show_bug.cgi?id=153843
Summary Inherited CSS property transitions happen in sequence instead of simultaneously
Brandon Smith
Reported 2016-02-03 13:29:31 PST
When both a parent and child element have the same transition configuration, and the property in question is changed on the parent (and inherited by the child), the child's transition will wait until the parent's has finished. If the child's property is changed directly - instead of being inherited - the transitions will happen at the same time. I've made a JSFiddle to illustrate (https://jsfiddle.net/brundon/32bLoLuw/2/). I've confirmed this happens in Chrome and Safari on OSX, and thought it might have been an obscure CSS spec quirk until testing it in Firefox and finding that it does not happen there.
Attachments
Add attachment proposed patch, testcase, etc.
Brent Fulgham
Comment 1 2022-07-14 15:20:03 PDT
Safari, Chrome, and Firefox all agree on rendering for this test case. I don't believe there is any remaining compatibility issue.
Note You need to log in before you can comment on or make changes to this bug.