Repository navigation
Making the display and content-visibility CSS properties animatable #583
Description
Description
Making display animatable, in keyframes or transitions, makes animations to or from display:none possible. Dialogs and popovers both animate to or from display:none when entering or exiting the top layer, so this feature is needed in order to make top layer elements animatable: https://github.com/chrishtr/rendering/blob/master/entry-exit-animations.md
Making content-visibility animatable is useful in similar scenarios.
Specification
https://drafts.csswg.org/css-display-4/#display-animation
Open Issues
No response
Tests
https://wpt.fyi/results/css/css-display/animations/display-interpolation.html
https://wpt.fyi/results/css/css-contain/content-visibility/content-visibility-interpolation.html
Current Implementations
- Blink
- Gecko
- WebKit
Standards Positions
Gecko: mozilla/standards-positions#762
WebKit: WebKit/standards-positions#147
Browser bug reports
No bugs filed yet that I know of
Developer discussions
No response
Polls & Surveys
No response
Existing Usage
I didn't create a use counter for this feature
Workarounds
No response
Accessibility Impact
No response
Privacy Impact
No response
Other
No response
Activity
josepharhar commentedon Oct 12, 2023
Original proposal: #495
nairnandu commentedon Feb 1, 2024
Thank you for proposing making the display and content-visibility CSS properties animatable for inclusion in Interop 2024.
We wanted to let you know that this proposal was not selected to be part of Interop 2024. This is because we got many more proposals than we could include in this year's project. Note that individual vendors may nevertheless choose to advance work in this area during the forthcoming year. We would welcome this proposal being resubmitted again next year, if necessary.
For an overview of our process, see proposal selection. Thank you again for contributing to Interop 2024!
Posted on behalf of the Interop team.