Display and content-visibility animations

[josepharhar]

Request for position on an emerging web specification

Information about the specification

• Title: Display and content-visibility animations
• URL: [css-display] Why is display listed as not animatable instead of animation type: discrete? w3c/csswg-drafts#6429
• Explainer (if not README.md in the repository): [css-display] Why is display listed as not animatable instead of animation type: discrete? w3c/csswg-drafts#6429 (comment)

Design reviews and vendor positions

• TAG Design Review: Display and content-visibility animations w3ctag/design-reviews#824
• Mozilla standards-positions issue: Display and content-visibility animations mozilla/standards-positions#762

Bugs tracking this feature

• WebKit Bugzilla:
• Radar:

Anything else we need to know

Support specifying display and content-visibility in animations. This support allows for developers to create exit animations after which the element automatically becomes display: none or content-visibility: hidden without needing to write any javascript to handle that switch after the animation is finished. This allows exit animations for elements to be added purely in CSS.

[gsnedders]

cc @graouts

[nt1m]

I'll mark this as positive in a week pending objections, because we think this feature is useful and given:

• [content-visibility] Make content-visibility animatable WebKit#22116
• Store display: none RenderStyle objects WebKit#22902
• [web-animations] add interpolation support for the display property WebKit#22974