RESOLVED MOVED 144565
Colour transitions queueing instead of changing simultaneously 
https://bugs.webkit.org/show_bug.cgi?id=144565
Summary Colour transitions queueing instead of changing simultaneously
Saut
Reported 2015-05-04 04:07:42 PDT
When using CSS transitions to alter colour in webkit, the elements animate in order (possibly of dom depth) one after another as opposed to simultaneously. Here is a simple demo pen: http://codepen.io/anon/pen/PqqLby Can reproduce in webkit browsers: Chrome 42.0.2311.135 m (64-bit), Vivaldi 1.0.162.4, Opera 29.0.1795.47. Issue not present in: IE 11.0.9600.17728, Firefox 37.0.2. Tested on Windows 8.1 64bit.
Attachments
Add attachment proposed patch, testcase, etc.
Alexey Proskuryakov
Comment 1 2015-05-04 19:29:18 PDT
I could reproduce in Safari.
Saut
Comment 2 2015-05-05 08:00:48 PDT
Turns out this happens for all inherited properties. The workaround is to avoid using * with transition: all; and instead specify transitions for inherited properties separately. Example here: http://codepen.io/sergdenisov/pen/QbjjjP Thanks to Sergey Denisov on SO for this solution.
Brent Fulgham
Comment 3 2022-07-14 14:08:18 PDT
The relevant test case seems to be broken in modern Safari, Chrome, and Firefox. We are tracking WPT as the primary source of truth for various web compatibility issues, so I don't know that keeping this old bug open is useful
Note You need to log in before you can comment on or make changes to this bug.