WPT
wpt / scroll-animations / css / scroll-timeline-shorthand.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 | 51/51 | 51/51 | 51/51 | 51/51 | 10/51 | NOT RUN |
| Subtest | Chrome | Firefox | Safari | Ladybird | Servo | Blitz |
|---|---|---|---|---|---|---|
| e.style['scroll-timeline'] = "none block" should set the property value | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['scroll-timeline'] = "none inline" should set the property value | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['scroll-timeline'] = "--abc x" should set the property value | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['scroll-timeline'] = "--abc inline" should set the property value | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['scroll-timeline'] = "--aBc inline" should set the property value | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['scroll-timeline'] = "--inline inline" should set the property value | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['scroll-timeline'] = "--abc" should set the property value | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['scroll-timeline'] = "--inline block" should set the property value | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['scroll-timeline'] = "--block block" should set the property value | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['scroll-timeline'] = "--y block" should set the property value | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['scroll-timeline'] = "--x block" should set the property value | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['scroll-timeline'] = "--a, --b, --c" should set the property value | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['scroll-timeline'] = "--a inline, --b block, --c y" should set the property value | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['scroll-timeline'] = "--auto" should set the property value | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['scroll-timeline'] = "" should not set the property value | PASS | PASS | PASS | PASS | PASS | — |
| e.style['scroll-timeline'] = "--abc --abc" should not set the property value | PASS | PASS | PASS | PASS | PASS | — |
| e.style['scroll-timeline'] = "block none" should not set the property value | PASS | PASS | PASS | PASS | PASS | — |
| e.style['scroll-timeline'] = "inline --abc" should not set the property value | PASS | PASS | PASS | PASS | PASS | — |
| e.style['scroll-timeline'] = "default" should not set the property value | PASS | PASS | PASS | PASS | PASS | — |
| e.style['scroll-timeline'] = "," should not set the property value | PASS | PASS | PASS | PASS | PASS | — |
| e.style['scroll-timeline'] = ",,block,," should not set the property value | PASS | PASS | PASS | PASS | PASS | — |
| Property scroll-timeline value 'none block' | PASS | PASS | PASS | PASS | FAIL | — |
| Property scroll-timeline value '--abc inline' | PASS | PASS | PASS | PASS | FAIL | — |
| Property scroll-timeline value 'none y' | PASS | PASS | PASS | PASS | FAIL | — |
| Property scroll-timeline value '--abc x' | PASS | PASS | PASS | PASS | FAIL | — |
| Property scroll-timeline value '--y y' | PASS | PASS | PASS | PASS | FAIL | — |
| Property scroll-timeline value '--abc' | PASS | PASS | PASS | PASS | FAIL | — |
| Property scroll-timeline value '--inline block' | PASS | PASS | PASS | PASS | FAIL | — |
| Property scroll-timeline value '--block block' | PASS | PASS | PASS | PASS | FAIL | — |
| Property scroll-timeline value '--y block' | PASS | PASS | PASS | PASS | FAIL | — |
| Property scroll-timeline value '--x block' | PASS | PASS | PASS | PASS | FAIL | — |
| Property scroll-timeline value '--a, --b, --c' | PASS | PASS | PASS | PASS | FAIL | — |
| Property scroll-timeline value '--a inline, --b block, --c y' | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['scroll-timeline'] = "--abc y" should set scroll-timeline-axis | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['scroll-timeline'] = "--abc y" should set scroll-timeline-name | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['scroll-timeline'] = "--abc y" should not set unrelated longhands | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['scroll-timeline'] = "--inline x" should set scroll-timeline-axis | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['scroll-timeline'] = "--inline x" should set scroll-timeline-name | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['scroll-timeline'] = "--inline x" should not set unrelated longhands | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['scroll-timeline'] = "--abc y, --def" should set scroll-timeline-axis | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['scroll-timeline'] = "--abc y, --def" should set scroll-timeline-name | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['scroll-timeline'] = "--abc y, --def" should not set unrelated longhands | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['scroll-timeline'] = "--abc, --def" should set scroll-timeline-axis | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['scroll-timeline'] = "--abc, --def" should set scroll-timeline-name | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['scroll-timeline'] = "--abc, --def" should not set unrelated longhands | PASS | PASS | PASS | PASS | FAIL | — |
| Shorthand contraction of scroll-timeline-name:--abc:undefined;scroll-timeline-axis:inline:undefined | PASS | PASS | PASS | PASS | FAIL | — |
| Shorthand contraction of scroll-timeline-name:--a, --b:undefined;scroll-timeline-axis:inline, block:undefined | PASS | PASS | PASS | PASS | FAIL | — |
| Shorthand contraction of scroll-timeline-name:none, none:undefined;scroll-timeline-axis:block, block:undefined | PASS | PASS | PASS | PASS | FAIL | — |
| Shorthand contraction of scroll-timeline-name:--a, --b, --c:undefined;scroll-timeline-axis:inline, inline:undefined | PASS | PASS | PASS | PASS | PASS | — |
| Shorthand contraction of scroll-timeline-name:--a, --b, --c, --d, --e, --f:undefined;scroll-timeline-axis:inline, x:undefined | PASS | PASS | PASS | PASS | PASS | — |
| Shorthand contraction of scroll-timeline-name:--a, --b:undefined;scroll-timeline-axis:inline, inline, inline:undefined | PASS | PASS | PASS | PASS | PASS | — |