Bug 284534
| Summary: | [scroll-animations] https://scroll-driven-animations.style/demos/parallax-carousel/css/ does not work | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Antoine Quint <graouts> |
| Component: | Animations | Assignee: | Antoine Quint <graouts> |
| Status: | RESOLVED FIXED | ||
| Severity: | Normal | CC: | graouts, webkit-bug-importer |
| Priority: | P2 | Keywords: | InRadar |
| Version: | WebKit Nightly Build | ||
| Hardware: | Unspecified | ||
| OS: | Unspecified | ||
| See Also: | https://github.com/web-platform-tests/wpt/pull/49663 | ||
| Bug Depends on: | |||
| Bug Blocks: | 284525 | ||
Antoine Quint
The demo https://scroll-driven-animations.style/demos/parallax-carousel/css/ does not work perfectly: wrong current time computed on view timeline.
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Radar WebKit Bug Importer
<rdar://problem/141356306>
Antoine Quint
I think the core issue here is that we're sharing the same view timeline across all animations, whereas they should be unique to each animation. Looking at the final item in the parallax, the animation looks correct.
Antoine Quint
Pull request: https://github.com/WebKit/WebKit/pull/37849
Antoine Quint
Submitted web-platform-tests pull request: https://github.com/web-platform-tests/wpt/pull/49663
Antoine Quint
*** Bug 284537 has been marked as a duplicate of this bug. ***
Antoine Quint
*** Bug 284530 has been marked as a duplicate of this bug. ***
EWS
Committed 287836@main (319e2fc273ef): <https://commits.webkit.org/287836@main>
Reviewed commits have been landed. Closing PR #37849 and removing active labels.