292328 2025-04-30 08:06:17 -0700 [scroll-animations] various demos in https://kizu.dev/position-driven-styles/ don't work as expected 2026-01-12 09:08:51 -0800 1 1 1 Unclassified WebKit Animations WebKit Nightly Build Unspecified Unspecified NEW InRadar P2 Normal --- 289992 1 graouts webkit-unassigned graouts kizmarh webkit-bug-importer oldest_to_newest 2114197 0 graouts 2025-04-30 08:06:17 -0700 The webpage https://kizu.dev/position-driven-styles/ has plenty of demos utilizing Scroll-driven Animations. Here how sections behave as of 294333@main: ✅ Linear Gradient ✅ Diagonal Gradient ✅ Distributing Anything: @property ⚠️ Staggered Animations: performance is inferior vs. Chrome 🛑 Controlling the Stacking: involves `sin()` which we may not support 🛑 Edge Detection: unstable layout 🛑 Adjusting Corners: unstable layout 🛑 Styling the First Line: unstable layout ⚠️ Site Header: performance is inferior vs. Chrome while resizing 🛑 Tabs: unstable layout ⚠️ Auto Margin And Flex Wrapping: performance is inferior vs. Chrome while resizing We'll need to diagnose those individual issues and file dedicated bugs. 2114198 1 webkit-bug-importer 2025-04-30 08:08:12 -0700 <rdar://problem/150369164> 2114199 2 graouts 2025-04-30 08:10:20 -0700 I also encountered a debug assertion in the CSS Grids code while debugging: https://bugs.webkit.org/show_bug.cgi?id=288819. This might prove problematic while debugging the other issues. 2114212 3 graouts 2025-04-30 08:53:50 -0700 Roman, who authored this page, provided some useful information. He believes bug 289992 is the reason for "Controlling the Stacking" not working, so marking that bug as a blocker. 2118380 4 graouts 2025-05-20 04:10:48 -0700 With the patch for bug 289992, the bulk of functional issues are gone! Here are the remaining issues: ⚠️ Site Header: performance is inferior vs. Chrome while resizing 🛑 Tabs: unstable layout ⚠️ Auto Margin And Flex Wrapping: performance is inferior vs. Chrome while resizing