111329 2013-03-04 07:37:27 -0800 REGRESSION (258514@main): Transition of !important property fails to animate 2023-02-27 06:11:49 -0800 1 1 1 Unclassified WebKit Animations 528+ (Nightly build) Unspecified Unspecified RESOLVED FIXED https://bugs.webkit.org/show_bug.cgi?id=210963 https://github.com/web-platform-tests/wpt/pull/38719 InRadar P2 Normal --- 0 dtrebbien koivisto ahmad.saleem792 ap dino dtrebbien graouts graouts koivisto ntim simon.fraser webkit-bug-importer zalan oldest_to_newest 846480 0 191242 dtrebbien 2013-03-04 07:37:27 -0800 Created attachment 191242 Test case Please see the attached test case. In Safari 6.0.2, Chrome 25.0.1364.152, Firefox 19.0, and IE 10, after clicking OK on the "starting" alert, the transition of background color from white to red begins and runs for 1 second until an intensive string computation starts. While the string computation is running, no frames of the transition are painted, so the effect is that the background color jumps from a very light red to a deep red color when the string computation finishes. Opera (version 12.14 tested) seems to be the only browser that continues to paint frames of the transition while the string computation is running. This issue isn't as noticeable in desktop browsers as it is for mobile browsers, but it can be seen in desktop Chrome if a fair number of DOM modifications are made to set up a page of an HTML5 app. 846481 1 dtrebbien 2013-03-04 07:39:24 -0800 https://bugzilla.mozilla.org/show_bug.cgi?id=847415 1936672 2 ahmad.saleem792 2023-02-24 15:09:46 -0800 Safari 16.3 behavior is similar to Chrome Canary 112 while Safari Technology Preview 164 has regressed it and after clicking "Start", it just directly go to "Red" and does not have any transitions. Firefox Nightly 112, Chrome Canary 112 & Safari 16.3 are matching but Safari Technology Preview 164 has regressed it. 1936788 3 webkit-bug-importer 2023-02-25 13:14:28 -0800 <rdar://problem/105929421> 1936789 4 graouts 2023-02-25 13:33:51 -0800 (In reply to Ahmad Saleem from comment #2) > Safari 16.3 behavior is similar to Chrome Canary 112 while Safari Technology > Preview 164 has regressed it and after clicking "Start", it just directly go > to "Red" and does not have any transitions. > > Firefox Nightly 112, Chrome Canary 112 & Safari 16.3 are matching but Safari > Technology Preview 164 has regressed it. Thanks for catching this Ahmad! This regressed with 258514@main. 1936956 5 koivisto 2023-02-27 03:07:43 -0800 Transitions have higher precedence then !important (unlike animations). 1936957 6 koivisto 2023-02-27 03:08:03 -0800 Reduced test case <style> #theBox { width: 200px; height: 200px; transition: background-color 20s; } .red { background-color: red !important; } </style> <div id="theBox"></div> <script> document.body.offsetLeft; theBox.className = "red"; </script> 1936964 7 koivisto 2023-02-27 03:38:40 -0800 Pull request: https://github.com/WebKit/WebKit/pull/10719 1936975 8 koivisto 2023-02-27 04:47:01 -0800 Submitted web-platform-tests pull request: https://github.com/web-platform-tests/wpt/pull/38719 1936991 9 ews-feeder 2023-02-27 06:11:43 -0800 Committed 260880@main (e0fa0f2073f1): <https://commits.webkit.org/260880@main> Reviewed commits have been landed. Closing PR #10719 and removing active labels. 191242 2013-03-04 07:37:27 -0800 2013-03-04 07:37:27 -0800 Test case Test case.html text/html 985 dtrebbien PCFET0NUWVBFIGh0bWw+CjxodG1sPgo8aGVhZD4KPHN0eWxlPgojdGhlQm94IHsKICAgIGJveC1z aXppbmc6IGJvcmRlci1ib3g7CiAgICB3aWR0aDogMjAwcHg7CiAgICBoZWlnaHQ6IDIwMHB4Owog ICAgYm9yZGVyOiAxcHggc29saWQgYmxhY2s7CiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTsK ICAgIG92ZXJmbG93OiBoaWRkZW47CiAgICAtd2Via2l0LXRyYW5zaXRpb246IGJhY2tncm91bmQt Y29sb3IgMjBzOwogICAgLW1vei10cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yIDIwczsKICAg IC1tcy10cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yIDIwczsKICAgIC1vLXRyYW5zaXRpb246 IGJhY2tncm91bmQtY29sb3IgMjBzOwogICAgdHJhbnNpdGlvbjogYmFja2dyb3VuZC1jb2xvciAy MHM7Cn0KCi5yZWQgewogICAgYmFja2dyb3VuZC1jb2xvcjogcmVkICFpbXBvcnRhbnQ7Cn0KPC9z dHlsZT4KPC9oZWFkPgo8Ym9keSBvbmxvYWQ9Im9uUGFnZUxvYWQoKSI+Cgo8ZGl2IGlkPSJ0aGVC b3giPjwvZGl2PgoKPHNjcmlwdD4KZnVuY3Rpb24gb25QYWdlTG9hZCgpIHsKICAgIHNldFRpbWVv dXQoZnVuY3Rpb24gKCkgewogICAgICAgIHZhciB0aGVCb3ggPSBkb2N1bWVudC5nZXRFbGVtZW50 QnlJZCgidGhlQm94Iik7CiAgICAgICAgYWxlcnQoInN0YXJ0aW5nIik7CiAgICAgICAgdGhlQm94 LmNsYXNzTmFtZSA9ICJyZWQiOwoKICAgICAgICBzZXRUaW1lb3V0KGZ1bmN0aW9uICgpIHsKICAg ICAgICAgICAgdmFyIHN0ciA9ICIiOwogICAgICAgICAgICBmb3IgKHZhciBpID0gMDsgaSA8IDcw MDAwMDA7ICsraSkgewogICAgICAgICAgICAgICAgc3RyICs9IE1hdGgucmFuZG9tKCkgKyAiXG4i OwogICAgICAgICAgICB9CiAgICAgICAgICAgIGNvbnNvbGUubG9nKCJzdHIubGVuZ3RoID0gIiAr IHN0ci5sZW5ndGgpOwogICAgICAgIH0sIDEwMDApOwogICAgfSwgMTAwKTsKfQo8L3NjcmlwdD4K PC9ib2R5Pgo8L2h0bWw+Cg==