WPT
wpt / scroll-animations / css / scroll-timeline-name-parsing.html
Spec: Scroll-driven Animations ↗
Runs: Chrome 155.0.8041.0 (wpt@a1690333b, 2026-09-04) | Firefox 157.0a1 (wpt@a1690333b, 2026-09-04) | Safari 251 preview (wpt@a1e944e7a, 2026-09-04) | Ladybird 1.0-a7825 (wpt@9298d21d2, 2026-09-04) | Servo Servo 0.6 (wpt@7e3d005d7, 2026-09-03) | Blitz a50cb8971 (wpt@a95401e4e, 2026-09-03)
View on the Blitz WPT dashboard | Open test on wpt.live | wpt.fyi
| Chrome | Firefox | Safari | Ladybird | Servo | Blitz | |
|---|---|---|---|---|---|---|
| Total | 20/20 | 20/20 | 20/20 | 20/20 | 8/20 | NOT RUN |
| Subtest | Chrome | Firefox | Safari | Ladybird | Servo | Blitz |
|---|---|---|---|---|---|---|
| e.style['scroll-timeline-name'] = "initial" should set the property value | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['scroll-timeline-name'] = "inherit" should set the property value | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['scroll-timeline-name'] = "unset" should set the property value | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['scroll-timeline-name'] = "revert" should set the property value | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['scroll-timeline-name'] = "none" should set the property value | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['scroll-timeline-name'] = "--abc" should set the property value | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['scroll-timeline-name'] = " --abc" should set the property value | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['scroll-timeline-name'] = "--aBc" should set the property value | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['scroll-timeline-name'] = "--foo, --bar" should set the property value | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['scroll-timeline-name'] = "--bar, --foo" should set the property value | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['scroll-timeline-name'] = "none, none" should set the property value | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['scroll-timeline-name'] = "--a, none, --b" should set the property value | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['scroll-timeline-name'] = "auto" should not set the property value | PASS | PASS | PASS | PASS | PASS | — |
| e.style['scroll-timeline-name'] = "abc" should not set the property value | PASS | PASS | PASS | PASS | PASS | — |
| e.style['scroll-timeline-name'] = "default" should not set the property value | PASS | PASS | PASS | PASS | PASS | — |
| e.style['scroll-timeline-name'] = "10px" should not set the property value | PASS | PASS | PASS | PASS | PASS | — |
| e.style['scroll-timeline-name'] = "foo bar" should not set the property value | PASS | PASS | PASS | PASS | PASS | — |
| e.style['scroll-timeline-name'] = "\"foo\" \"bar\"" should not set the property value | PASS | PASS | PASS | PASS | PASS | — |
| e.style['scroll-timeline-name'] = "rgb(1, 2, 3)" should not set the property value | PASS | PASS | PASS | PASS | PASS | — |
| e.style['scroll-timeline-name'] = "#fefefe" should not set the property value | PASS | PASS | PASS | PASS | PASS | — |