Closed Bug 2036323 Opened 16 days ago Closed 9 days ago

[wpt-sync] Sync PR 59048 - Fix scroll-timeline-inactive.html

Tracking

()

Status:

RESOLVED FIXED

Milestone:

152 Branch

Tracking Flags:

Tracking

Status

firefox152

---

fixed

People

(Reporter: wpt-sync, Unassigned)

References

(Blocks 1 open bug,
URL
)

Details

(Whiteboard: [wptsync downstream])

Web Platform Test Sync Bot [:wpt-sync] (Matrix: #interop:mozilla.org)

Assignee

Description

•

16 days ago

Sync web-platform-tests PR 59048 into mozilla-central (this bug is closed when the sync is complete).

PR: https://github.com/web-platform-tests/wpt/pull/59048
Details from upstream follow.

Kevin Ellis <kevers@google.com> wrote:

Fix scroll-timeline-inactive.html

Problems:

missing timeline-scope

animation paused

As a result, the animation in the second sub-test was forced to have a
hold time of 0s despite supposedly having a scroll-timeline. Without
timeline-scope, the scroll-timeline was not resolved. The test
likely predated the introduction of timeline-scope rules.

Removed time-based values and animation-play-state from the animations
since these were masking the real problem in the second sub-test.
Added validation to ensure the timeline is properly resolved.

Interop 2026

Change-Id: I345f2134bea64aa1b4ef3f4d0c500ecb336bde2c
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/7736342
Commit-Queue: Kevin Ellis \<kevers@chromium.org>
Reviewed-by: Rune Lillesveen \<futhark@chromium.org>
Cr-Commit-Position: refs/heads/main@{#1611480}

Web Platform Test Sync Bot [:wpt-sync] (Matrix: #interop:mozilla.org)

Assignee

Updated

•

16 days ago

Component: web-platform-tests → Layout

Product: Testing → Core

Web Platform Test Sync Bot [:wpt-sync] (Matrix: #interop:mozilla.org)

Assignee

Comment 1

•

13 days ago

Pushed to try (stability) https://treeherder.mozilla.org/#/jobs?repo=try&revision=a935ae73d63d3b9470f694c3cc1570f27e159e8a

Web Platform Test Sync Bot [:wpt-sync] (Matrix: #interop:mozilla.org)

Assignee

Comment 2

•

13 days ago

CI Results

Ran 9 Firefox configurations based on mozilla-central, and Firefox, Chrome, and Safari on GitHub CI

Total 100 tests

Status Summary

Firefox

OK : 1[GitHub] 78[Gecko-windows11-32-25h2-debug, Gecko-windows11-32-25h2-opt, Gecko-windows11-64-25h2-debug, Gecko-windows11-64-25h2-opt] 79[Gecko-android-em-14-x86_64-debug-geckoview, Gecko-android-em-14-x86_64-lite-opt-geckoview, Gecko-android-em-14-x86_64-opt-geckoview, Gecko-linux2404-64-debug, Gecko-linux2404-64-opt]
PASS: 556[Gecko-windows11-32-25h2-debug, Gecko-windows11-32-25h2-opt] 568[Gecko-android-em-14-x86_64-debug-geckoview, Gecko-android-em-14-x86_64-lite-opt-geckoview, Gecko-android-em-14-x86_64-opt-geckoview] 572[Gecko-linux2404-64-debug, Gecko-linux2404-64-opt, Gecko-windows11-64-25h2-debug, Gecko-windows11-64-25h2-opt]
FAIL: 2[GitHub] 144[Gecko-windows11-32-25h2-debug, Gecko-windows11-32-25h2-opt] 147[Gecko-windows11-64-25h2-debug, Gecko-windows11-64-25h2-opt] 148[Gecko-android-em-14-x86_64-debug-geckoview, Gecko-android-em-14-x86_64-lite-opt-geckoview, Gecko-android-em-14-x86_64-opt-geckoview, Gecko-linux2404-64-debug, Gecko-linux2404-64-opt]

Chrome

OK : 1
PASS: 2

Safari

OK : 1
PASS: 2

Links

Gecko CI (Treeherder)
GitHub PR Head
GitHub PR Base

Details

Firefox-only Failures

/scroll-animations/css/scroll-timeline-inactive.html [wpt.fyi]
- Animation does not apply when the timeline is inactive because there is no scroll range: FAIL
- Animation does not apply when timeline becomes inactive: FAIL

New Tests That Don't Pass

/scroll-animations/css/scroll-timeline-range-animation.html [wpt.fyi]: SKIP
/scroll-animations/css/view-timeline-range-animation.html [wpt.fyi]: SKIP
/scroll-animations/css/animation-events.html [wpt.fyi]
- View timelime generates animationstart and animationend events: FAIL
/scroll-animations/css/animation-range-ignored.html [wpt.fyi]
- Animation API call rangeStart overrides animation-range-start: FAIL
- Animation API call rangeEnd overrides animation-range-end: FAIL
/scroll-animations/css/animation-range-normal-matches-cover.html [wpt.fyi]
- Changing the animation range updates the play state: FAIL
/scroll-animations/css/animation-range-scroll-timeline.html [wpt.fyi]
- The animation-range-start CSS property maps to Animation's 'rangeStart' property: FAIL
- The animation-range-end CSS property maps to Animation's 'rangeEnd' property: FAIL
- The auto-aligned start time accounts for the animation-range-start property: FAIL
- The effect duration accounts for the animation-range-* properties: FAIL
/scroll-animations/css/animation-timeline-deferred.html [wpt.fyi]
- Animation.timeline returns attached timeline: FAIL
- Animation.timeline returns a timeline with no source for inactive deferred timeline: FAIL
- Animation.timeline returns a timeline with no source for inactive (overattached) deferred timeline: FAIL
/scroll-animations/css/animation-timeline-ignored.tentative.html [wpt.fyi]
- animation-timeline ignored after setting timeline with JS (ScrollTimeline from JS): FAIL
- animation-timeline ignored after setting timeline with JS (ScrollTimeline from CSS): FAIL
- animation-timeline ignored after setting timeline with JS (document timeline): FAIL
- animation-timeline ignored after setting timeline with JS (null): FAIL
/scroll-animations/css/animation-timeline-named-scroll-progress-timeline.tentative.html [wpt.fyi]
- Change in scroll-timeline-name to match animation timeline updates animation.: FAIL
- Change in scroll-timeline-name to no longer match animation timeline updates animation.: FAIL
- Timeline lookup updates candidate when closer match available.: FAIL
- Timeline lookup updates candidate when match becomes available.: FAIL
/scroll-animations/css/animation-timeline-view-functional-notation.tentative.html [wpt.fyi]
- animation-timeline: view(): FAIL
- animation-timeline: view(50px): FAIL
- animation-timeline: view(auto 50px): FAIL
- animation-timeline: view(inline): FAIL
- animation-timeline: view(x): FAIL
- animation-timeline: view(y): FAIL
- animation-timeline: view(x 50px): FAIL
- animation-timeline: view(), view(inline): FAIL
- animation-timeline: view(inline) changes to view(inline 50px): FAIL
/scroll-animations/css/chrome-40925697.html [wpt.fyi]
- Animation events triggered correctly: FAIL
/scroll-animations/css/get-animations-inactive-timeline.html [wpt.fyi]
- getAnimations includes inactive scroll-linked animations that have not been canceled: FAIL
/scroll-animations/css/merge-timeline-offset-keyframes.html [wpt.fyi]
- Keyframes with same easing and timeline offset are merged.: FAIL
- Keyframes with same timeline offset but different easing function are not merged.: FAIL
/scroll-animations/css/scroll-timeline-anonymous-source-quirks-mode.html [wpt.fyi]
- CSS animation correctly uses the <body> element as the source for the default scroll() timeline in quirks mode: FAIL
- CSS animation correctly uses the <body> element as the source for the root scroll() timeline in quirks mode: FAIL
- CSS animation correctly uses the <body> element as the source for the nearest scroll() timeline in quirks mode: FAIL
/scroll-animations/css/scroll-timeline-anonymous-source-scrollable-body-quirks-mode.html [wpt.fyi]
- CSS animation correctly uses the <body> element as the source for the self scroll() timeline in quirks mode: FAIL
- CSS animation correctly uses the <body> element as the source for the nearest scroll() timeline in quirks mode: FAIL
- CSS animation correctly uses the <body> element as the source for the root scroll() timeline in quirks mode: FAIL
/scroll-animations/css/scroll-timeline-anonymous-source-scrollable-body.html [wpt.fyi]
- CSS animation correctly uses the <body> element as the source for the self scroll() timeline: FAIL
- CSS animation correctly uses the <html> element as the source for the nearest scroll() timeline: FAIL
- CSS animation correctly uses the <html> element as the source for the root scroll() timeline: FAIL
/scroll-animations/css/scroll-timeline-anonymous-source.html [wpt.fyi]
- CSS animation correctly uses the <html> element as the source for the default scroll() timeline: FAIL
- CSS animation correctly uses the <html> element as the source for the root scroll() timeline: FAIL
- CSS animation correctly uses the <html> element as the source for the nearest scroll() timeline: FAIL
/scroll-animations/css/scroll-timeline-dynamic.tentative.html [wpt.fyi]
- Reverse animation direction [immediate]: FAIL
- Reverse animation direction [scroll]: FAIL
- Change to timeline attachment while paused [immediate]: FAIL
- Change to timeline attachment while paused [scroll]: FAIL
/scroll-animations/css/scroll-timeline-in-container-query.html [wpt.fyi]
- Timeline appearing via container queries: FAIL
/scroll-animations/css/scroll-timeline-inactive.html [wpt.fyi]
- Animation does not apply when the timeline is inactive because there is no scroll range: FAIL (Chrome: PASS, Safari: PASS)
- Animation does not apply when timeline becomes inactive: FAIL (Chrome: PASS, Safari: PASS)
/scroll-animations/css/scroll-timeline-multi-pass.tentative.html [wpt.fyi]
- Multiple style/layout passes occur when necessary: FAIL
/scroll-animations/css/scroll-timeline-name-shadow.html [wpt.fyi]
- Outer animation can see scroll timeline defined by :host: FAIL
- Outer animation can see scroll timeline defined by ::slotted: FAIL
- Inner animation can see scroll timeline defined by ::part: FAIL
- Slotted element can see scroll timeline within the shadow: FAIL
/scroll-animations/css/scroll-timeline-nearest-with-absolute-positioned-element.html [wpt.fyi]
- Resolving scroll(nearest) for an absolutely positioned element: FAIL
/scroll-animations/css/scroll-timeline-on-pseudo-like-part.html [wpt.fyi]
- timeline.source does not expose pseudo-like part: FAIL
/scroll-animations/css/scroll-timeline-on-pseudo.html [wpt.fyi]
- timeline.source does not expose pseudo-element: FAIL
/scroll-animations/css/scroll-timeline-paused-animations.html [wpt.fyi]
- Test that the scroll animation is paused: FAIL
- Test that the scroll animation is paused by updating animation-play-state: FAIL
/scroll-animations/css/scroll-timeline-responsiveness-from-endpoint.html [wpt.fyi]: OK [Gecko-android-em-14-x86_64-debug-geckoview, Gecko-android-em-14-x86_64-lite-opt-geckoview, Gecko-android-em-14-x86_64-opt-geckoview, Gecko-linux2404-64-debug, Gecko-linux2404-64-opt], SKIP [Gecko-windows11-32-25h2-debug, Gecko-windows11-32-25h2-opt, Gecko-windows11-64-25h2-debug, Gecko-windows11-64-25h2-opt]
- Test that the scroll animation is still responsive after moving from 100%: FAIL
/scroll-animations/css/scroll-timeline-shorthand.html [wpt.fyi]
- Shorthand contraction of scroll-timeline-name:--a, --b, --c:undefined;scroll-timeline-axis:inline, inline:undefined: FAIL
- Shorthand contraction of scroll-timeline-name:--a, --b:undefined;scroll-timeline-axis:inline, inline, inline:undefined: FAIL
/scroll-animations/css/scroll-timeline-with-percent-delay.tentative.html [wpt.fyi]
- ScrollTimeline with animation delays as percentages: FAIL
/scroll-animations/css/siblings-with-anonymous-timelines.html [wpt.fyi]
- Setting "animation-timeline: scroll()" yields a unique scroll timeline for siblings matching the same CSS rules: FAIL
- Setting "animation-timeline: view()" yields a unique view timeline for siblings matching the same CSS rules: FAIL
/scroll-animations/css/timeline-names-ident-function.html [wpt.fyi]
- Property animation-timeline value 'ident("--myident" calc(42 * sign(1em - 1px)))': FAIL
- Property animation-timeline value '--tl, scroll(), ident("--myident" calc(42 * sign(1em - 1px)))': FAIL
- Property animation-timeline value 'ident("--myident" calc(42 * sign(1em - 1px))), ident("--myident" calc(42 * sign(1em - 1px)))': FAIL
- Property scroll-timeline-name value 'ident("--myident" calc(42 * sign(1em - 1px)))': FAIL
- Property scroll-timeline-name value '--tl, ident("--myident" calc(42 * sign(1em - 1px)))': FAIL
- Property scroll-timeline-name value 'ident("--myident" calc(42 * sign(1em - 1px))), ident("--myident" calc(42 * sign(1em - 1px)))': FAIL
- Property timeline-scope value 'ident("--myident" calc(42 * sign(1em - 1px)))': FAIL
- Property timeline-scope value '--tl, ident("--myident" calc(42 * sign(1em - 1px)))': FAIL
- Property timeline-scope value 'ident("--myident" calc(42 * sign(1em - 1px))), ident("--myident" calc(42 * sign(1em - 1px)))': FAIL
- Property view-timeline-name value 'ident("--myident" calc(42 * sign(1em - 1px)))': FAIL
- Property view-timeline-name value '--tl, ident("--myident" calc(42 * sign(1em - 1px)))': FAIL
- Property view-timeline-name value 'ident("--myident" calc(42 * sign(1em - 1px))), ident("--myident" calc(42 * sign(1em - 1px)))': FAIL
/scroll-animations/css/timeline-offset-in-keyframe-change-timeline.tentative.html [wpt.fyi]
- getKeyframes with timeline-offsets: FAIL
/scroll-animations/css/timeline-offset-keyframes-hidden-subject.html [wpt.fyi]
- Keyframes with timeline-offsets ignored when timeline is inactive: FAIL
/scroll-animations/css/timeline-offset-keyframes-with-document-timeline.html [wpt.fyi]
- Keyframes with timeline-offsets reported but not reachable when using a document timeline: FAIL
/scroll-animations/css/timeline-range-name-offset-in-keyframes.tentative.html [wpt.fyi]
- Timeline offset in Animation Keyframes: FAIL
/scroll-animations/css/timeline-scope-all.html [wpt.fyi]
- timeline-scope:all scopes all names (basic): FAIL
- timeline-scope:all scopes all names (multiple): FAIL
- Inner scope is isolated from outer scope: FAIL
/scroll-animations/css/timeline-scope.html [wpt.fyi]
- Descendant can attach to deferred timeline: FAIL
- Dynamically re-attaching: FAIL
- Dynamically detaching: FAIL
- Removing/inserting element with attaching timeline: FAIL
- Ancestor attached element becoming display:none/block: FAIL
- A deferred timeline appearing dynamically in the ancestor chain: FAIL
/scroll-animations/css/view-timeline-dynamic.html [wpt.fyi]
- Dynamically changing view-timeline attachment: FAIL
/scroll-animations/css/view-timeline-inset-animation.html [wpt.fyi]
- view-timeline-inset:auto, inline, vertical-rl, rtl: FAIL
- view-timeline-inset:auto, inline, vertical-lr, rtl: FAIL
- view-timeline-inset:auto, y, vertical-rl, rtl: FAIL
/scroll-animations/css/view-timeline-keyframe-boundary-interpolation.html [wpt.fyi]
- ViewTimeline with timeline offset keyframes outside [0,1]: FAIL
/scroll-animations/css/view-timeline-lookup.html [wpt.fyi]
- timeline-scope on ancestor sibling, conflict remains unresolved: FAIL
/scroll-animations/css/view-timeline-name-shadow.html [wpt.fyi]
- Outer animation can see view timeline defined by :host: FAIL
- Outer animation can see view timeline defined by ::slotted: FAIL
- Inner animation can see view timeline defined by ::part: FAIL
- Slotted element can see view timeline within the shadow: FAIL
/scroll-animations/css/view-timeline-paused-animations.html [wpt.fyi]
- Test that a scroll-driven animation can be paused by updating animation-play-state: FAIL
/scroll-animations/css/view-timeline-pseudo-on-scroller.html [wpt.fyi]
- view() on pseudo-element attaches to parent scroll container: FAIL [Gecko-android-em-14-x86_64-debug-geckoview, Gecko-android-em-14-x86_64-lite-opt-geckoview, Gecko-android-em-14-x86_64-opt-geckoview], PASS [Gecko-linux2404-64-debug, Gecko-linux2404-64-opt, Gecko-windows11-32-25h2-debug, Gecko-windows11-32-25h2-opt, Gecko-windows11-64-25h2-debug, Gecko-windows11-64-25h2-opt]
/scroll-animations/css/view-timeline-shorthand.html [wpt.fyi]
- e.style['view-timeline'] = "--abcd block auto" should set the property value: FAIL
- e.style['view-timeline'] = "--abcd block auto auto" should set the property value: FAIL
- e.style['view-timeline'] = "--abcd block 1px 2px" should set the property value: FAIL
- e.style['view-timeline'] = "--abcd inline 1px 2px" should set the property value: FAIL
- e.style['view-timeline'] = "--abcd 1px 2px inline" should set the property value: FAIL
- e.style['view-timeline'] = "--abcd 1px 2px block" should set the property value: FAIL
- e.style['view-timeline'] = "--abcd auto auto block" should set the property value: FAIL
- e.style['view-timeline'] = "--abcd auto block" should set the property value: FAIL
- e.style['view-timeline'] = "--abcd block 1px 1px" should set the property value: FAIL
- Property view-timeline value '--abcd block auto': FAIL
- Property view-timeline value '--abcd block auto auto': FAIL
- Property view-timeline value '--abcd block 1px 2px': FAIL
- Property view-timeline value '--abcd inline 1px 2px': FAIL
- Property view-timeline value '--abcd 1px 2px inline': FAIL
- Property view-timeline value '--abcd 1px 2px block': FAIL
- Property view-timeline value '--abcd auto auto block': FAIL
- Property view-timeline value '--abcd auto block': FAIL
- Property view-timeline value '--abcd block 1px 1px': FAIL
- e.style['view-timeline'] = "--abc y" should set view-timeline-inset: FAIL
- e.style['view-timeline'] = "--abc y, --def" should set view-timeline-inset: FAIL
- e.style['view-timeline'] = "--abc, --def" should set view-timeline-inset: FAIL
- e.style['view-timeline'] = "--inline x" should set view-timeline-inset: FAIL
- e.style['view-timeline'] = "--abc 1px 2px" should set view-timeline-axis: FAIL
- e.style['view-timeline'] = "--abc 1px 2px" should set view-timeline-inset: FAIL
- e.style['view-timeline'] = "--abc 1px 2px" should set view-timeline-name: FAIL
- e.style['view-timeline'] = "--abc 1px 2px" should not set unrelated longhands: FAIL
- e.style['view-timeline'] = "--abc 1px" should set view-timeline-axis: FAIL
- e.style['view-timeline'] = "--abc 1px" should set view-timeline-inset: FAIL
- e.style['view-timeline'] = "--abc 1px" should set view-timeline-name: FAIL
- e.style['view-timeline'] = "--abc 1px" should not set unrelated longhands: FAIL
- e.style['view-timeline'] = "--abc 1px inline" should set view-timeline-axis: FAIL
- e.style['view-timeline'] = "--abc 1px inline" should set view-timeline-inset: FAIL
- e.style['view-timeline'] = "--abc 1px inline" should set view-timeline-name: FAIL
- e.style['view-timeline'] = "--abc 1px inline" should not set unrelated longhands: FAIL
- Shorthand contraction of view-timeline-name:--a, --b:undefined;view-timeline-axis:inline, block:undefined;view-timeline-inset:1px 2px, 3px 3px:undefined: FAIL
- Shorthand contraction of view-timeline-name:--a, --b, --c:undefined;view-timeline-axis:inline, inline:undefined;view-timeline-inset:auto, auto:undefined: FAIL
- Shorthand contraction of view-timeline-name:--a, --b:undefined;view-timeline-axis:inline, inline, inline:undefined;view-timeline-inset:auto, auto, auto:undefined: FAIL
/scroll-animations/css/view-timeline-subject-in-shadow-root-with-timeline-scope.html [wpt.fyi]
- A view timeline with its subject in a shadow root can be referenced outside of that shadow root using "timeline-scope": FAIL
/scroll-animations/css/view-timeline-used-values.html [wpt.fyi]
- Use the last value from view-timeline-axis if omitted: FAIL
- Use the last value from view-timeline-inset if omitted: FAIL
/scroll-animations/css/view-timeline-with-delay-and-range.tentative.html [wpt.fyi]
- ViewTimeline with animation delays and range: FAIL
/scroll-animations/css/view-timeline-with-transform-on-subject.html [wpt.fyi]
- ViewTimeline use untransformed box for range calculations: FAIL
/scroll-animations/css/deferred-timeline-composited.html [wpt.fyi]: FAIL
/scroll-animations/css/view-timeline-range-update-reversed-animation.html [wpt.fyi]: FAIL
/scroll-animations/css/printing/scroll-timeline-default-iframe-print.html [wpt.fyi]: FAIL

Tests Disabled in Gecko Infrastructure

/scroll-animations/css/scroll-timeline-range-animation.html [wpt.fyi]: SKIP linked bug:Bug 1949826
/scroll-animations/css/view-timeline-range-animation.html [wpt.fyi]: SKIP linked bug:Bug 1949826
/scroll-animations/css/scroll-timeline-responsiveness-from-endpoint.html [wpt.fyi]: OK [Gecko-android-em-14-x86_64-debug-geckoview, Gecko-android-em-14-x86_64-lite-opt-geckoview, Gecko-android-em-14-x86_64-opt-geckoview, Gecko-linux2404-64-debug, Gecko-linux2404-64-opt], SKIP [Gecko-windows11-32-25h2-debug, Gecko-windows11-32-25h2-opt, Gecko-windows11-64-25h2-debug, Gecko-windows11-64-25h2-opt]

Web Platform Test Sync Bot [:wpt-sync] (Matrix: #interop:mozilla.org)

Assignee

Updated

•

13 days ago

Blocks: 2036823

Web Platform Test Sync Bot [:wpt-sync] (Matrix: #interop:mozilla.org)

Assignee

Updated

•

11 days ago

Depends on: 2037341

Pulsebot

Comment 3

•

9 days ago

Pushed by wptsync@mozilla.com: https://github.com/mozilla-firefox/firefox/commit/6d72a5909032 https://hg.mozilla.org/integration/autoland/rev/28266e3e215a [wpt PR 59048] - Fix scroll-timeline-inactive.html, a=testonly https://github.com/mozilla-firefox/firefox/commit/449bf5a66887 https://hg.mozilla.org/integration/autoland/rev/eb9d40e6910f [wpt PR 59048] - Update wpt metadata, a=testonly

Silaghi Andreea

Comment 4

•

9 days ago

bugherder

https://hg.mozilla.org/mozilla-central/rev/28266e3e215a
https://hg.mozilla.org/mozilla-central/rev/eb9d40e6910f

Status: NEW → RESOLVED

Closed: 9 days ago

status-firefox152: --- → fixed

Resolution: --- → FIXED

Target Milestone: --- → 152 Branch

You need to log in before you can comment on or make changes to this bug.

Bugzilla

[wpt-sync] Sync PR 59048 - Fix scroll-timeline-inactive.html

Categories

(Core :: Layout, task, P4)

Tracking

()

People

(Reporter: wpt-sync, Unassigned)

References

(Blocks 1 open bug,
URL
)

Details

(Whiteboard: [wptsync downstream])

Crash Data

Security

(public)

User Story

Description

Updated

Comment 1

Comment 2

CI Results

Status Summary

Firefox

Chrome

Safari

Links

Details

Firefox-only Failures

New Tests That Don't Pass

Tests Disabled in Gecko Infrastructure

Updated

Updated

Comment 3

Comment 4