255338 2023-04-12 07:21:09 -0700 REGRESSION (260399@main): animations flicker on https://payto.com.au 2023-06-12 03:29:56 -0700 1 1 1 Unclassified WebKit Animations WebKit Nightly Build Unspecified Unspecified RESOLVED FIXED https://bugs.webkit.org/show_bug.cgi?id=257861 https://payto.com.au InRadar P2 Normal --- 1 graouts graouts dino graouts webkit-bug-importer oldest_to_newest 1948219 0 graouts 2023-04-12 07:21:09 -0700 Visit https://payto.com.au and scroll down to the “Payments that keep business moving” section. The orange animated lines under each item flickers. They animate smoothly in Firefox. 1948221 1 graouts 2023-04-12 07:21:24 -0700 rdar://107532064 1948222 2 graouts 2023-04-12 07:24:41 -0700 This site ends up creating a CSS Transition for the same property that is also affected by a CSS Animation. Because the CSS Transition is created after the CSS Animation, it ends up overriding the CSS Animation even though the composite order is the other way around. We need to ensure that updating accelerated actions preserves the stacking order. 1948224 3 graouts 2023-04-12 07:26:52 -0700 Whether it is correct in this case to create CSS Transitions in this case is being discussed in https://github.com/w3c/csswg-drafts/issues/8701. 1948228 4 graouts 2023-04-12 07:40:54 -0700 Pull request: https://github.com/WebKit/WebKit/pull/12651 1948275 5 ews-feeder 2023-04-12 11:10:51 -0700 Committed 262875@main (d566d000c7a5): <https://commits.webkit.org/262875@main> Reviewed commits have been landed. Closing PR #12651 and removing active labels.