[w3ctag/design-reviews] Entry and Exit Animations (Issue #829)

こんにちは TAG-さん!

I'm requesting a TAG review of Entry and Exit Animations.
I am using one TAG issue for these features because they are used together to accomplish an important use case.

Entry and Exit Animations is a set of CSS features which makes it possible to animate elements to and from `display:none`, and to animate elements entering and leaving the top layer, like `<dialog>` and elements with the `popover` attribute.

The CSS features include:
1. CSS transitions for discrete properties, which allows the `transition` property to animate discrete properties like `display`.
(formerly https://github.com/w3ctag/design-reviews/issues/825)
CSSWG issue: https://github.com/w3c/csswg-drafts/issues/4441
2. CSS transitions and animations for the `display` property
(formerly https://github.com/w3ctag/design-reviews/issues/824)
CSSWG issue: https://github.com/w3c/csswg-drafts/issues/6429
3. CSS `@initial` rule, which allows animations to start from `display:none`.
CSSWG issue: https://github.com/w3c/csswg-drafts/issues/8174
4. CSS `overlay` property, which allows animations on elements entering or leaving the top layer.
CSSWG issue: https://github.com/w3c/csswg-drafts/issues/8189

  - Explainer¹ (minimally containing user needs and example code): https://github.com/chrishtr/rendering/blob/master/entry-exit-animations.md
  - Specification URL:
    - CSS transitions for discrete properties:
      - https://github.com/w3c/csswg-drafts/pull/8520
      - https://drafts.csswg.org/css-transitions-2/#transition-name-property
    - CSS transitions and animations for the display property: https://drafts.csswg.org/css-display-4/#display-animation
    - CSS `@initial` rule: Not specced yet
    - CSS `overlay` property: Not specced yet
  - Tests: [wpt folder(s), if available]
    - https://wpt.fyi/results/css/css-display/animations/display-interpolation.tentative.html
    - https://wpt.fyi/results/web-animations/animation-model/animation-types/display.tentative.html
    - https://wpt.fyi/results/css/css-transitions/all-with-discrete.tentative.html
    - https://github.com/web-platform-tests/wpt/pull/38860
    - https://github.com/web-platform-tests/wpt/pull/38815
    - https://github.com/web-platform-tests/wpt/pull/38817
    - https://github.com/web-platform-tests/wpt/pull/38816
    - https://github.com/web-platform-tests/wpt/pull/38997
  - User research: none
  - Security and Privacy self-review²: none, I believe this animations feature has no security/privacy implications.
  - GitHub repo (if you prefer feedback filed there): none
  - Primary contacts (and their relationship to the specification):
    - Joey Arhar @josepharhar Google
    - Robert Flack @flackr Google
    - Chris Harrelson @chrishtr Google
  - Organization(s)/project(s) driving the specification: Google
  - Key pieces of existing multi-stakeholder review or discussion of this specification: See above CSSWG issues
  - External status/issue trackers for this specification (publicly visible, e.g. Chrome Status):
    - https://chromestatus.com/feature/5154958272364544
    - https://chromestatus.com/feature/5071230636392448
    - https://chromestatus.com/feature/5138724910792704
    - https://chromestatus.com/feature/4515377717968896

Further details:

  - [x] I have reviewed the TAG's [Web Platform Design Principles](https://www.w3.org/TR/design-principles/)
  - Relevant time constraints or deadlines: We are trying to ship this in Chrome 114 which branches on April 20th and goes to stable on May 30th
  - The group where the work on this specification is currently being done: CSSWG
  - The group where standardization of this work is intended to be done (if current group is a community group or other incubation venue): CSSWG
  - Major unresolved issues with or opposition to this specification: none
  - This work is being funded by: Google


We'd prefer the TAG provide feedback as (please delete all but the desired option):

  💬 leave review feedback as a **comment in this issue** and @-notify [github usernames]



-- 
Reply to this email directly or view it on GitHub:
https://github.com/w3ctag/design-reviews/issues/829
You are receiving this because you are subscribed to this thread.

Message ID: <w3ctag/design-reviews/issues/829@github.com>