1810248 - [web-animations-2] Extend Animatable interface for timeline ranges

Status: NEW

(Core :: DOM: Animation, defect)

Description

[Mozilla Apprentice]

A resolution was made for csswg-drafts/#7589.

[web-animations-2] Web animations API for specifying timeline phases in animation options.

• RESOLVED: Go with option 2 (object/Typed OM value to specify the phase+offset), details tbd by editors

Discussion.

Comment 1

[Boris Chiou [:boris]]

Updated: https://github.com/w3c/csswg-drafts/issues/7589#issuecomment-1412415513

Comment 2

[Boris Chiou [:boris]]

Rename this to make it clearer because this is for Animatble interface.

Comment 3

[Boris Chiou [:boris]]

To be more clear (https://drafts.csswg.org/web-animations-2/#the-animatable-interface-mixin):

dictionary TimelineRangeOffset {
  CSSOMString? rangeName;
  CSSNumericValue offset;
};

partial dictionary KeyframeAnimationOptions {
    (TimelineRangeOffset or CSSNumericValue or CSSKeywordValue or DOMString) rangeStart = "normal";
    (TimelineRangeOffset or CSSNumericValue or CSSKeywordValue or DOMString) rangeEnd = "normal";
    AnimationTrigger? trigger;
};

Comment 4

[Daniel Holbert [:dholbert]]

(In reply to Boris Chiou [:boris] from comment #3)

partial dictionary KeyframeAnimationOptions {
    (TimelineRangeOffset or CSSNumericValue or CSSKeywordValue or DOMString) rangeStart = "normal";
    (TimelineRangeOffset or CSSNumericValue or CSSKeywordValue or DOMString) rangeEnd = "normal";
    AnimationTrigger? trigger;
};

Here's where dictionary KeyframeAnimationOptions currently lives in-tree, FWIW (currently with just DOMString id = ""; from web animations spec):

https://searchfox.org/firefox-main/rev/52e25e8bf7d712501f99b8ba77718ea0edc42bd7/dom/webidl/Animatable.webidl#13