Support Anonymous View Progress Timelines
Categories
(Core :: CSS Transitions and Animations, enhancement)
Tracking
()
| Tracking | Status | |
|---|---|---|
| firefox114 | --- | fixed |
People
(Reporter: boris, Assigned: boris)
References
(Blocks 1 open bug, )
Details
(Keywords: dev-doc-needed)
Attachments
(3 files, 1 obsolete file)
Support view() notation for animation-timeline.
https://drafts.csswg.org/scroll-animations-1/#view-notation
|
Assignee | |
Comment 1•2 years ago
|
||
We store animation and transition style values in StyleUIReset and
define their properties in longhands/ui.mako.rs, so let's move the
definition of their values from values/{specified|computed}/box.rs to
values/{specified|computed}/ui.rs.
|
|
Assignee | |
Comment 2•2 years ago
|
||
Support view() notation for animation-timeline:
<view()> = view( [ <axis> || <'view-timeline-inset'> ]? )
We move AnimationTimeline and its related types into the generics folder,
and define two new structs for scroll() and view().
Note:
- The syntax of scroll() doesn't match the current version of the spec.
I will update it in the next patch. - We will handle the creation/usage of the Anonymous View Progress Timelines
in the later patch.
|
|
Assignee | |
Comment 3•2 years ago
|
||
|
|
Assignee | |
Comment 4•2 years ago
|
||
The order of <scroller> and <axis> doesn't matter in the parser.
However, we serialize <scroller> first, if it is not the initial value.
|
||
Comment 5•2 years ago
|
||
Comment on attachment 9325575 [details]
Bug 1808410 - Part 4: Update the syntax of scroll().
Revision D173906 was moved to bug 1814444. Setting attachment 9325575 [details] to obsolete.
|
|
||
Updated•2 years ago
|
|
|
||
Updated•2 years ago
|
|
||
Comment 8•2 years ago
|
||
| bugherder | ||
https://hg.mozilla.org/mozilla-central/rev/b9091811f503
https://hg.mozilla.org/mozilla-central/rev/259614987813
https://hg.mozilla.org/mozilla-central/rev/c0074ece8dd2
|
||
Comment 10•2 years ago
|
||
Is this feature complete, I have added the layout.css.scroll-driven-animations.enabled and it does not seem to be working.
I am using this codepen, to test the expected behaviour. I can see this working in Chrome Canary.
|
|
Assignee | |
Comment 11•2 years ago
|
||
(In reply to Dave Letorey from comment #10)
Is this feature complete, I have added the
layout.css.scroll-driven-animations.enabledand it does not seem to be working.
I am using this codepen, to test the expected behaviour. I can see this working in Chrome Canary.
Same as my comment in https://bugzilla.mozilla.org/show_bug.cgi?id=1737920#c12. Drop entry and exit from the keyframes, and set a duration other than 0s, the animation should work.
|
|
||
Comment 12•2 years ago
|
||
(In reply to Boris Chiou [:boris] from comment #11)
(In reply to Dave Letorey from comment #10)
Is this feature complete, I have added the
layout.css.scroll-driven-animations.enabledand it does not seem to be working.
I am using this codepen, to test the expected behaviour. I can see this working in Chrome Canary.Same as my comment in https://bugzilla.mozilla.org/show_bug.cgi?id=1737920#c12. Drop
entryandexitfrom the keyframes, and set a duration other than 0s, the animation should work.
Thank you
Description
•