search

web-platform-tests / interop

web-platform-tests Interop project
https://wpt.fyi/interop
278 stars 28 forks source link

Making the `display` and `content-visibility` CSS properties animatable #583

Closed josepharhar closed 7 months ago

josepharhar commented 10 months ago

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

Standards Positions

Gecko: https://github.com/mozilla/standards-positions/issues/762

WebKit: https://github.com/WebKit/standards-positions/issues/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

josepharhar commented 10 months ago

Original proposal: https://github.com/web-platform-tests/interop/issues/495

nairnandu commented 7 months ago

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.