scroll-animations

edit

WPT coverage of the tests of scroll-animations at the revision 5602b0f210e3. The tests link to their results in the browsers on wpt.fyi. The tentative tests (experimental features) and the reftests are listed separately from the stable tests.

GroupPassingTestsDisabledPass rate
Stable141148095%
Tentative4076053%
Reftests3137084%
All212261081%

Failure reasons

The tests that do not pass (failing or disabled), by kind of reason. A test with several reasons counts once per kind.

  • BUG: 2
  • TEST BUG: 3
  • NOT IMPLEMENTED: 43
  • OUT OF SCOPE: 1

Stable tests

TestResultSubtestsKindDescription
animation-trigger/parsing/timeline-trigger-name-parsing.htmlFail24 / 28NOT IMPLEMENTEDanimation triggers (animation-trigger, timeline-trigger, trigger-scope, TimelineTrigger, Web Animations 2)
css/animation-events.htmlPass1 / 1
css/animation-range-ignored.htmlPass2 / 2
css/animation-range-normal-matches-cover.htmlPass1 / 1
css/animation-range-scroll-timeline.htmlPass4 / 4
css/animation-shorthand.htmlPass27 / 27
css/animation-timeline-computed.htmlPass44 / 44
css/animation-timeline-deferred.htmlPass3 / 3
css/animation-timeline-in-keyframe.htmlPass1 / 1
css/animation-timeline-multiple.htmlPass1 / 1
css/animation-timeline-none.htmlPass2 / 2
css/animation-timeline-parsing.htmlPass69 / 69
css/animation-timeline-shared-name-removal.htmlPass1 / 1
css/chrome-40925697.htmlPass1 / 1
css/get-animations-inactive-timeline.htmlPass1 / 1
css/merge-timeline-offset-keyframes.htmlPass2 / 2
css/progress-based-animation-timeline.htmlPass1 / 1
css/pseudo-on-scroller-named-timeline.htmlPass1 / 1
css/pseudo-on-scroller.htmlPass1 / 1
css/scroll-timeline-anonymous-reuse.htmlPass8 / 8
css/scroll-timeline-anonymous-source-quirks-mode.htmlPass3 / 3
css/scroll-timeline-anonymous-source-scrollable-body-quirks-mode.htmlPass3 / 3
css/scroll-timeline-anonymous-source-scrollable-body.htmlPass3 / 3
css/scroll-timeline-anonymous-source.htmlPass3 / 3
css/scroll-timeline-axis-computed.htmlPass14 / 14
css/scroll-timeline-axis-parsing.htmlPass18 / 18
css/scroll-timeline-axis-writing-mode.htmlPass7 / 7
css/scroll-timeline-document-scroller-quirks.htmlPass1 / 1
css/scroll-timeline-in-container-query.htmlPass1 / 1
css/scroll-timeline-inactive.htmlPass2 / 2
css/scroll-timeline-name-computed.htmlPass13 / 13
css/scroll-timeline-name-parsing.htmlPass20 / 20
css/scroll-timeline-name-shadow.htmlPass4 / 4
css/scroll-timeline-nearest-dirty.htmlPass1 / 1
css/scroll-timeline-nearest-with-absolute-positioned-element.htmlPass1 / 1
css/scroll-timeline-on-pseudo-like-part.htmlFail0 / 1NOT IMPLEMENTEDthe named scroll progress timelines declared by pseudo-elements (a pseudo-element has no scrolling box)
css/scroll-timeline-on-pseudo.htmlFail0 / 1NOT IMPLEMENTEDthe named scroll progress timelines declared by pseudo-elements (a pseudo-element has no scrolling box)
css/scroll-timeline-paused-animations.htmlPass2 / 2
css/scroll-timeline-range-animation.htmlPass8 / 8
css/scroll-timeline-responsiveness-from-endpoint.htmlPass1 / 1
css/scroll-timeline-root-dirty.htmlPass1 / 1
css/scroll-timeline-sampling.htmlPass1 / 1
css/scroll-timeline-shorthand.htmlPass51 / 51
css/siblings-with-anonymous-timelines.htmlPass2 / 2
css/timeline-names-ident-function.htmlPass12 / 12
css/timeline-offset-keyframes-hidden-subject.htmlPass1 / 1
css/timeline-offset-keyframes-with-document-timeline.htmlPass1 / 1
css/timeline-offset-keyframes-with-scroll-timeline.htmlPass1 / 1
css/timeline-offset-keyframes-zero-length-attachment-range.htmlPass2 / 2
css/timeline-scope-all.htmlPass3 / 3
css/timeline-scope-computed.htmlPass12 / 12
css/timeline-scope-parsing.htmlPass25 / 25
css/timeline-scope.htmlPass12 / 12
css/view-timeline-animation.htmlFail0 / 3TEST BUGthe last step expects a fill: none animation to apply its effect when its view progress timeline is at 100% (the end of the cover range, scrollTop 200 of 250): the scroller is not at its maximum scroll offset, so the active-after boundary is not "at timeline boundary" (https://drafts.csswg.org/web-animations-2/#at-timeline-boundary: the minimum and maximum timeline times are the ones of the minimum and maximum scroll offsets) and it is exclusive, as view-timelines/block-view-timeline-current-time.tentative.html and range-boundary.tentative.html expect ("Effect is in the after phase at effect end time"); Chromium fails it too
css/view-timeline-axis-computed.htmlPass14 / 14
css/view-timeline-axis-parsing.htmlPass18 / 18
css/view-timeline-dynamic.htmlPass4 / 4
css/view-timeline-inset-animation.htmlPass25 / 25
css/view-timeline-inset-computed.htmlPass17 / 17
css/view-timeline-inset-parsing.htmlPass26 / 26
css/view-timeline-keyframe-boundary-interpolation.htmlPass1 / 1
css/view-timeline-lookup.htmlPass7 / 7
css/view-timeline-name-computed.htmlPass13 / 13
css/view-timeline-name-parsing.htmlPass20 / 20
css/view-timeline-name-shadow.htmlPass4 / 4
css/view-timeline-on-pseudo.htmlPass1 / 1
css/view-timeline-paused-animations.htmlPass1 / 1
css/view-timeline-pseudo-on-scroller.htmlFail0 / 1TEST BUGthe ::before pseudo-element is at the start of the horizontal scroller, so the end of its cover range (100%) is the minimum scroll offset: at scrollLeft 0, the local time of the fill: none animation is its active-after boundary, which is exclusive when playing forwards because the end of the range is not aligned with the maximum scroll offset (https://drafts.csswg.org/web-animations-2/#at-timeline-boundary, range-boundary.tentative.html expects no effect when the end of the range is at the minimum offset), so the background stays red; Chromium fails it too
css/view-timeline-range-animation.htmlPass17 / 17
css/view-timeline-scroll-range-source-content-resize.htmlPass1 / 1
css/view-timeline-shorthand.htmlPass84 / 84
css/view-timeline-subject-in-shadow-root-with-timeline-scope.htmlPass1 / 1
css/view-timeline-unresolved-current-time-at-effect-end.htmlPass1 / 1
css/view-timeline-used-values.htmlPass2 / 2
css/view-timeline-with-transform-on-subject.htmlPass1 / 1
scroll-timelines/cancel-animation.htmlPass10 / 10
scroll-timelines/constructor-no-document.htmlPass1 / 1
scroll-timelines/constructor.htmlPass10 / 10
scroll-timelines/current-time-nan.htmlPass4 / 4
scroll-timelines/current-time-root-scroller.htmlPass1 / 1
scroll-timelines/current-time-writing-modes.htmlPass5 / 5
scroll-timelines/duration.htmlPass1 / 1
scroll-timelines/effect-updateTiming.htmlPass67 / 67
scroll-timelines/finish-animation.htmlPass21 / 21
scroll-timelines/idlharness.window.jsPass29 / 29
scroll-timelines/pause-animation.htmlPass7 / 7
scroll-timelines/play-animation.htmlPass16 / 16
scroll-timelines/reverse-animation.htmlPass11 / 11
scroll-timelines/scroll-animation-inactive-timeline.htmlPass4 / 4
scroll-timelines/scroll-animation.htmlPass4 / 4
scroll-timelines/scroll-timeline-invalidation-002.htmlPass6 / 6
scroll-timelines/scroll-timeline-invalidation.htmlPass3 / 3
scroll-timelines/scroll-timeline-range-with-zoom.htmlPass1 / 1
scroll-timelines/scroll-timeline-range.htmlPass8 / 8
scroll-timelines/scroll-timeline-snapshot-elementsFromPoint.htmlPass1 / 1
scroll-timelines/scroll-timeline-snapshotting.htmlPass1 / 1
scroll-timelines/scroll-timeline-source-single-axis-inactive.htmlPass3 / 3
scroll-timelines/scroll-timeline-source-single-axis-inner.htmlPass1 / 1
scroll-timelines/scroll-timeline-source-single-axis-outer.htmlPass1 / 1
scroll-timelines/scroll-timeline-source-single-axis-progress.htmlPass2 / 2
scroll-timelines/scroll-timeline-source-single-axis-viewport-writing-mode.htmlPass1 / 1
scroll-timelines/setting-current-time.htmlPass11 / 11
scroll-timelines/setting-effect.htmlPass1 / 1
scroll-timelines/setting-playback-rate.htmlPass14 / 14
scroll-timelines/setting-start-time.htmlPass14 / 14
scroll-timelines/source-quirks-mode.htmlPass1 / 1
scroll-timelines/update-playback-rate.htmlPass9 / 9
scroll-timelines/updating-the-finished-state.htmlPass25 / 25
view-timelines/animation-events.htmlPass1 / 1
view-timelines/change-animation-range-updates-play-state.htmlPass1 / 1
view-timelines/contain-alignment.htmlPass1 / 1
view-timelines/duration.htmlPass1 / 1
view-timelines/fieldset-source.htmlPass1 / 1
view-timelines/get-keyframes-with-timeline-offset.htmlPass6 / 6
view-timelines/inline-subject.htmlPass1 / 1
view-timelines/intermediate-transform.htmlPass1 / 1
view-timelines/sticky/view-timeline-sticky-containing-block-clamp.htmlPass1 / 1
view-timelines/sticky/view-timeline-sticky-offscreen-1.htmlPass1 / 1
view-timelines/sticky/view-timeline-sticky-offscreen-2.htmlPass1 / 1
view-timelines/sticky/view-timeline-sticky-offscreen-3.htmlPass1 / 1
view-timelines/sticky/view-timeline-sticky-offscreen-4.htmlPass1 / 1
view-timelines/sticky/view-timeline-sticky-offscreen-5.htmlPass1 / 1
view-timelines/sticky/view-timeline-sticky-offscreen-6.htmlPass1 / 1
view-timelines/sticky/view-timeline-sticky-offscreen-7.htmlPass1 / 1
view-timelines/sticky/view-timeline-sticky-orthogonal-axis-only.htmlPass1 / 1
view-timelines/svg-graphics-element-001.htmlPass1 / 1
view-timelines/svg-graphics-element-002.htmlPass1 / 1
view-timelines/svg-graphics-element-003.htmlPass1 / 1
view-timelines/timeline-offset-in-keyframe.htmlPass5 / 5
view-timelines/unattached-subject-inset.htmlPass1 / 1
view-timelines/view-timeline-abspos-outside-scroll-range.htmlPass2 / 2
view-timelines/view-timeline-abspos-subject.htmlPass1 / 1
view-timelines/view-timeline-get-set-range.htmlPass1 / 1
view-timelines/view-timeline-inset.htmlFail4 / 5TEST BUGthe test passes strings ("auto") in the inset sequence, whose type is sequence<(CSSNumericValue or CSSKeywordValue)>
view-timelines/view-timeline-on-display-none-element.htmlPass1 / 1
view-timelines/view-timeline-range-large-subject.htmlPass1 / 1
view-timelines/view-timeline-range.htmlPass7 / 7
view-timelines/view-timeline-relative-ancestor.htmlPass1 / 1
view-timelines/view-timeline-relative-subject.htmlPass2 / 2
view-timelines/view-timeline-root-source.htmlPass1 / 1
view-timelines/view-timeline-snapport.htmlPass1 / 1
view-timelines/view-timeline-source-single-axis-inner.htmlPass1 / 1
view-timelines/view-timeline-source-single-axis-outer.htmlPass1 / 1
view-timelines/view-timeline-sticky-block.htmlPass1 / 1
view-timelines/view-timeline-sticky-inline-ancestor.htmlFail0 / 3BUGthe view progress timeline of a subject in a block-level box inside a sticky positioned inline box (<span class=wrapper>): the sticky inline box is not on the fragment chain of the subject (the block-level box is in an anonymous block box beside the fragments of the inline box), so its sticky offsets are ignored and the ranges are the ones of the static position (53.3%, 66.7% and 80% instead of 17.8%, 22.2% and 26.7% at scrollTop 280, 300 and 320, the progress of a subject in a sticky block box)
view-timelines/view-timeline-sticky-inline.htmlPass1 / 1
view-timelines/view-timeline-sticky-subpixel-adjustment.htmlPass2 / 2
view-timelines/view-timeline-subject-size-changes.htmlPass1 / 1

Tentative tests

TestResultSubtestsKindDescription
animation-trigger/animation-trigger-addAnimation.tentative.htmlFail0 / 3NOT IMPLEMENTEDanimation triggers (animation-trigger, timeline-trigger, trigger-scope, TimelineTrigger, Web Animations 2)
animation-trigger/animation-trigger-alternate.tentative.htmlFail0 / 3NOT IMPLEMENTEDanimation triggers (animation-trigger, timeline-trigger, trigger-scope, TimelineTrigger, Web Animations 2)
animation-trigger/animation-trigger-animation-target-removed-listener.tentative.htmlFail0 / 1NOT IMPLEMENTEDanimation triggers (animation-trigger, timeline-trigger, trigger-scope, TimelineTrigger, Web Animations 2)
animation-trigger/animation-trigger-calc-with-zoom.tentative.htmlFail1 / 2NOT IMPLEMENTEDanimation triggers (animation-trigger, timeline-trigger, trigger-scope, TimelineTrigger, Web Animations 2)
animation-trigger/animation-trigger-disarmed-by-apis.tentative.htmlFail0 / 1NOT IMPLEMENTEDanimation triggers (animation-trigger, timeline-trigger, trigger-scope, TimelineTrigger, Web Animations 2)
animation-trigger/animation-trigger-late-attached-timeline.tentative.htmlTimeout0 / 1NOT IMPLEMENTEDanimation triggers (animation-trigger, timeline-trigger, trigger-scope, TimelineTrigger, Web Animations 2)
animation-trigger/animation-trigger-multiple-animations.tentative.htmlFail0 / 1NOT IMPLEMENTEDanimation triggers (animation-trigger, timeline-trigger, trigger-scope, TimelineTrigger, Web Animations 2)
animation-trigger/animation-trigger-multiple-triggers.tentative.htmlFail0 / 1NOT IMPLEMENTEDanimation triggers (animation-trigger, timeline-trigger, trigger-scope, TimelineTrigger, Web Animations 2)
animation-trigger/animation-trigger-once-play-state.tentative.htmlPass1 / 1
animation-trigger/animation-trigger-once.tentative.htmlFail0 / 3NOT IMPLEMENTEDanimation triggers (animation-trigger, timeline-trigger, trigger-scope, TimelineTrigger, Web Animations 2)
animation-trigger/animation-trigger-play-forwards-backwards.tentative.htmlFail0 / 2NOT IMPLEMENTEDanimation triggers (animation-trigger, timeline-trigger, trigger-scope, TimelineTrigger, Web Animations 2)
animation-trigger/animation-trigger-play.tentative.htmlFail0 / 2NOT IMPLEMENTEDanimation triggers (animation-trigger, timeline-trigger, trigger-scope, TimelineTrigger, Web Animations 2)
animation-trigger/animation-trigger-range-px-roundtrip.tentative.htmlFail0 / 1NOT IMPLEMENTEDanimation triggers (animation-trigger, timeline-trigger, trigger-scope, TimelineTrigger, Web Animations 2)
animation-trigger/animation-trigger-repeat.tentative.htmlFail0 / 3NOT IMPLEMENTEDanimation triggers (animation-trigger, timeline-trigger, trigger-scope, TimelineTrigger, Web Animations 2)
animation-trigger/animation-trigger-replay.tentative.htmlFail0 / 2NOT IMPLEMENTEDanimation triggers (animation-trigger, timeline-trigger, trigger-scope, TimelineTrigger, Web Animations 2)
animation-trigger/animation-trigger-state.tentative.htmlFail0 / 3NOT IMPLEMENTEDanimation triggers (animation-trigger, timeline-trigger, trigger-scope, TimelineTrigger, Web Animations 2)
animation-trigger/animation-trigger-timeline-subject-removed.tentative.htmlFail0 / 1NOT IMPLEMENTEDanimation triggers (animation-trigger, timeline-trigger, trigger-scope, TimelineTrigger, Web Animations 2)
animation-trigger/animation-trigger-untriggered-animations-exposed.tentative.htmlPass1 / 1
animation-trigger/parsing/animation-trigger-parsing.tentative.htmlFail46 / 58NOT IMPLEMENTEDanimation triggers (animation-trigger, timeline-trigger, trigger-scope, TimelineTrigger, Web Animations 2)
animation-trigger/parsing/timeline-trigger-active-range-end-invalid.tentative.htmlPass13 / 13
animation-trigger/parsing/timeline-trigger-active-range-end-valid.tentative.htmlPass25 / 25
animation-trigger/parsing/timeline-trigger-active-range-end.computed.tentative.htmlPass28 / 28
animation-trigger/parsing/timeline-trigger-active-range-shorthand.tentative.htmlFail143 / 144NOT IMPLEMENTEDanimation triggers (animation-trigger, timeline-trigger, trigger-scope, TimelineTrigger, Web Animations 2)
animation-trigger/parsing/timeline-trigger-active-range-start-computed.tentative.htmlPass28 / 28
animation-trigger/parsing/timeline-trigger-active-range-start-invalid.tentative.htmlPass10 / 10
animation-trigger/parsing/timeline-trigger-active-range-start-valid.tentative.htmlPass26 / 26
animation-trigger/parsing/timeline-trigger-empty-shorthand.tentative.htmlPass2 / 2
animation-trigger/parsing/timeline-trigger-entry-range-end-computed.tentative.htmlPass27 / 27
animation-trigger/parsing/timeline-trigger-entry-range-end-invalid.tentative.htmlPass12 / 12
animation-trigger/parsing/timeline-trigger-entry-range-end-valid.tentative.htmlPass23 / 23
animation-trigger/parsing/timeline-trigger-entry-range-shorthand.tentative.htmlFail128 / 129NOT IMPLEMENTEDanimation triggers (animation-trigger, timeline-trigger, trigger-scope, TimelineTrigger, Web Animations 2)
animation-trigger/parsing/timeline-trigger-entry-range-start-computed.tentative.htmlPass27 / 27
animation-trigger/parsing/timeline-trigger-entry-range-start-invalid.tentative.htmlPass9 / 9
animation-trigger/parsing/timeline-trigger-entry-range-start-valid.tentative.htmlPass25 / 25
animation-trigger/parsing/timeline-trigger-shorthand.tentative.htmlFail154 / 196NOT IMPLEMENTEDanimation triggers (animation-trigger, timeline-trigger, trigger-scope, TimelineTrigger, Web Animations 2)
animation-trigger/parsing/timeline-trigger-source-parsing.tentative.htmlFail53 / 69NOT IMPLEMENTEDanimation triggers (animation-trigger, timeline-trigger, trigger-scope, TimelineTrigger, Web Animations 2)
animation-trigger/parsing/trigger-scope.tentative.htmlPass25 / 25
animation-trigger/timeline-trigger-none-auto.tentative.htmlFail0 / 1NOT IMPLEMENTEDanimation triggers (animation-trigger, timeline-trigger, trigger-scope, TimelineTrigger, Web Animations 2)
animation-trigger/timeline-trigger-source-starts-in-trigger-range.tentative.htmlPass1 / 1
animation-trigger/timeline-trigger-toggle.tentative.htmlFail0 / 1NOT IMPLEMENTEDanimation triggers (animation-trigger, timeline-trigger, trigger-scope, TimelineTrigger, Web Animations 2)
animation-trigger/trigger-scope-add.tentative.htmlFail0 / 2NOT IMPLEMENTEDanimation triggers (animation-trigger, timeline-trigger, trigger-scope, TimelineTrigger, Web Animations 2)
animation-trigger/trigger-scope-in-scope-source.tentative.htmlFail0 / 1NOT IMPLEMENTEDanimation triggers (animation-trigger, timeline-trigger, trigger-scope, TimelineTrigger, Web Animations 2)
animation-trigger/trigger-scope-named.tentative.htmlFail0 / 1NOT IMPLEMENTEDanimation triggers (animation-trigger, timeline-trigger, trigger-scope, TimelineTrigger, Web Animations 2)
animation-trigger/trigger-scope-oof.tentative.htmlFail0 / 1NOT IMPLEMENTEDanimation triggers (animation-trigger, timeline-trigger, trigger-scope, TimelineTrigger, Web Animations 2)
animation-trigger/trigger-scope-out-of-scope-source.tentative.htmlFail0 / 1NOT IMPLEMENTEDanimation triggers (animation-trigger, timeline-trigger, trigger-scope, TimelineTrigger, Web Animations 2)
animation-trigger/trigger-scope-scoped-tree-order.tentative.htmlFail0 / 1NOT IMPLEMENTEDanimation triggers (animation-trigger, timeline-trigger, trigger-scope, TimelineTrigger, Web Animations 2)
animation-trigger/trigger-scope-tree-order-ancestor-chain.tentative.htmlFail0 / 1NOT IMPLEMENTEDanimation triggers (animation-trigger, timeline-trigger, trigger-scope, TimelineTrigger, Web Animations 2)
animation-trigger/trigger-scope-unscoped-tree-order.tentative.htmlFail0 / 1NOT IMPLEMENTEDanimation triggers (animation-trigger, timeline-trigger, trigger-scope, TimelineTrigger, Web Animations 2)
css/animation-duration-auto.tentative.htmlPass5 / 5
css/animation-timeline-ignored.tentative.htmlPass5 / 5
css/animation-timeline-named-scroll-progress-timeline.tentative.htmlPass12 / 12
css/animation-timeline-scroll-functional-notation.tentative.htmlPass7 / 7
css/animation-timeline-view-functional-notation.tentative.htmlPass18 / 18
css/named-range-keyframes-with-document-timeline.tentative.htmlPass1 / 1
css/progress-based-animation-animation-longhand-properties.tentative.htmlPass12 / 12
css/scroll-timeline-dynamic.tentative.htmlPass14 / 14
css/scroll-timeline-multi-pass.tentative.htmlFail0 / 1NOT IMPLEMENTEDthe stale timelines created by the resize observers (after the first style and layout update of the frame) are not updated by an additional style and layout pass (whatwg/html#11613)
css/scroll-timeline-with-percent-delay.tentative.htmlFail0 / 1NOT IMPLEMENTEDthe percentage delays of the effects (delay: CSS.percent()), a proposal of Web Animations 2
css/timeline-offset-in-keyframe-change-timeline.tentative.htmlPass1 / 1
css/timeline-range-name-offset-in-keyframes.tentative.htmlPass1 / 1
css/view-timeline-animation-range-update.tentative.htmlPass1 / 1
css/view-timeline-with-delay-and-range.tentative.htmlFail0 / 1NOT IMPLEMENTEDthe percentage delays of the effects (delay: CSS.percent()), a proposal of Web Animations 2
scroll-timelines/effect-updateTiming.tentative.htmlPass1 / 1
scroll-timelines/intrinsic-iteration-duration.tentative.htmlPass6 / 6
scroll-timelines/scroll-animation-effect-fill-modes.tentative.htmlPass26 / 26
scroll-timelines/scroll-animation-effect-phases.tentative.htmlPass30 / 30
scroll-timelines/setting-timeline.tentative.htmlPass16 / 16
view-timelines/block-view-timeline-current-time-vertical-rl.tentative.htmlPass1 / 1
view-timelines/block-view-timeline-current-time.tentative.htmlPass3 / 3
view-timelines/block-view-timeline-nested-subject.tentative.htmlPass1 / 1
view-timelines/inline-view-timeline-current-time.tentative.htmlPass4 / 4
view-timelines/sticky/view-timeline-sticky-zero-size-subject.tentative.htmlPass1 / 1
view-timelines/view-timeline-abspos-containing-block-outside-scroller.tentative.htmlPass2 / 2
view-timelines/view-timeline-get-current-time-range-name.tentative.htmlFail0 / 1OUT OF SCOPEViewTimeline.getCurrentTime(rangeName) was removed from the specification (w3c/csswg-drafts#8765)
view-timelines/view-timeline-source.tentative.htmlPass3 / 3
view-timelines/zero-intrinsic-iteration-duration.tentative.htmlFail0 / 1NOT IMPLEMENTEDthe percentage delays of the effects (delay: CSS.percent()), a proposal of Web Animations 2

Reftests

TestResultVariantsKindDescription
animation-trigger/animation-trigger-fill-mode-both.tentative.htmlFail0 / 1NOT IMPLEMENTEDanimation triggers (animation-trigger, timeline-trigger, Web Animations 2): the properties are parsed but have no effect, so the animation plays immediately instead of staying at its first keyframe until its trigger is activated (the screenshot shows it a frame after its start, slightly blue instead of green)
animation-trigger/animation-trigger-fill-mode-none.tentative.htmlFail0 / 1NOT IMPLEMENTEDanimation triggers (animation-trigger, timeline-trigger, Web Animations 2): the properties are parsed but have no effect, so the animation plays immediately instead of waiting for its trigger (its first keyframe, red and translated, is displayed); only Chrome passes
css/animation-fill-outside-range-test.htmlPass1 / 1
css/animation-inactive-outside-range-test.htmlPass1 / 1
css/animation-range-smooth-scroll.htmlPass1 / 1
css/animation-range-visual-test.htmlPass1 / 1
css/deferred-timeline-composited.htmlPass1 / 1
css/printing/animation-timeline-none-with-progress-print.tentative.htmlPass1 / 1
css/printing/scroll-timeline-default-iframe-print.htmlPass1 / 1
css/printing/scroll-timeline-default-print.tentative.htmlFail0 / 1NOT IMPLEMENTEDthe scroll-driven animations of the printing (tentative): the printed page uses the current values of the animations of the screen, where the test expects the scroll timeline to be inactive (the animation removed) in the printed page
css/printing/scroll-timeline-specified-scroller-print.htmlPass1 / 1
css/scroll-animation-initial-offset.htmlPass1 / 1
css/scroll-timeline-default-iframe.htmlPass1 / 1
css/scroll-timeline-default-quirks-mode.htmlPass1 / 1
css/scroll-timeline-default-writing-mode-rl.htmlPass1 / 1
css/scroll-timeline-default.htmlPass1 / 1
css/scroll-timeline-frame-size-changed.htmlPass1 / 1
css/scroll-timeline-inline-orientation.htmlPass1 / 1
css/scroll-timeline-on-pseudo-002.htmlFail0 / 1NOT IMPLEMENTEDthe named scroll progress timelines declared by pseudo-elements (scroll-timeline: --foo on ::after): only the elements are collected, so animation-timeline: --foo finds no timeline through timeline-scope; only Chrome passes
css/scroll-timeline-update-reversed-animation.htmlPass1 / 1
css/view-timeline-pseudo-on-scroller-002.htmlFail0 / 1NOT IMPLEMENTEDthe named view progress timelines declared by pseudo-elements (view-timeline: --foo on ::after): only the elements are collected, so animation-timeline: --foo finds no timeline through timeline-scope; Firefox fails too
css/view-timeline-range-update-reversed-animation.htmlPass1 / 1
css/view-timeline-range-update.htmlPass1 / 1
css/view-timeline-subject-bounds-update.htmlPass1 / 1
responsive/repaint-after-finished.htmlTimeout0 / 1BUGthe page never removes the reftest-wait class of its root element: the scroll(x) timeline of #t2::after is inactive, so its play-pending animation is never ready, because the 200px column track of the ::after grid container (without items) is not in the scrollable overflow of its scroll container #t2; including the grid of a grid container that is not a scroll container in the scrollable overflow of its ancestors makes it scrollable, but the browsers do not (it breaks css-grid/grid-items/grid-item-margin-box-overflowing-grid-area-paint-001.html and grid-lanes/item-placement/row-auto-placement-002.html)
scroll-timelines/animation-with-animatable-interface.htmlPass1 / 1
scroll-timelines/animation-with-display-none.htmlPass1 / 1
scroll-timelines/animation-with-overflow-hidden.htmlPass1 / 1
scroll-timelines/animation-with-root-scroller.htmlPass1 / 1
scroll-timelines/animation-with-transform.htmlPass1 / 1
scroll-timelines/custom-property.htmlPass1 / 1
scroll-timelines/layout-changes-on-percentage-based-timeline.htmlPass1 / 1
scroll-timelines/progress-based-effect-delay.tentative.htmlPass1 / 1
scroll-timelines/set-current-time-before-play.htmlPass1 / 1
scroll-timelines/two-animations-attach-to-same-scroll-timeline-cancel-one.htmlPass1 / 1
scroll-timelines/two-animations-attach-to-same-scroll-timeline.htmlPass1 / 1
view-timelines/range-boundary.tentative.htmlPass1 / 1