284540 2024-12-12 06:29:15 -0800 [scroll-animations] https://codepen.io/t_afif/full/ZEgjNxm does not work 2025-05-12 07:13:46 -0700 1 1 1 Unclassified WebKit Animations WebKit Nightly Build Unspecified Unspecified RESOLVED CONFIGURATION CHANGED InRadar P2 Normal --- 287948 287950 284525 1 graouts webkit-unassigned graouts karlcow webkit-bug-importer oldest_to_newest 2081139 0 graouts 2024-12-12 06:29:15 -0800 The demo https://codepen.io/t_afif/full/ZEgjNxm does not work perfectly: fewer generated animations. 2081154 1 webkit-bug-importer 2024-12-12 06:36:16 -0800 <rdar://problem/141356467> 2081194 2 graouts 2024-12-12 08:10:17 -0800 We only yield 4 animations associated with the document timeline whereas Chrome yields an additional 8 animations associated with view timelines. 2087703 3 graouts 2025-01-16 00:55:55 -0800 In WebKit, we get the following animation targets: 1. <progress max="100" value="70">…</progress> 2. <progress value=".5">…</progress> 3. <progress value=".2">…</progress> 4. <progress max="1000" value="920">…</progress> In Chrome, we have the same animation targets but each with 3 animations. 2087704 4 graouts 2025-01-16 01:05:30 -0800 The animations we fail to yield are those targeting `::before` and `::after` pseudo elements. 2087705 5 graouts 2025-01-16 01:16:48 -0800 Hmm, `--timeline-scope` is involved here as well. 2095811 6 graouts 2025-02-19 02:33:22 -0800 I've identified two separate issues at play here as we do not correctly: 1. resolve `animation-timeline` values, accounting for `timeline-scope`, within shadow roots 2. resolve custom properties on pseudo-elements of an element with a user-agent shadow root attached I have a fix coming for the first issue, and I filed bug 287948 for the second issue. Hopefully, there aren't more issues lurking. 2095817 7 graouts 2025-02-19 03:56:30 -0800 Issue number 1 is being tracked by bug 287950. 2114161 8 graouts 2025-04-30 02:51:10 -0700 I believe bug 287948 is the only reason this demo isn't working but will only know for sure when it's fixed. 2116480 9 graouts 2025-05-12 07:13:46 -0700 Indeed, works great as of 294784@main.