Re: [csswg-drafts] [css-animations-2, css-transitions-2] Entry and exit animations for top-layer elements (#8189)

> @chrishtr I'm trying the `top-layer` property in Chrome Canary, and I'm not sure how it works exactly, but my example doesn't seem to work: https://jsfiddle.net/n1p67m0L/

- Discrete transitions are not in Canary yet (https://chromium-review.googlesource.com/c/chromium/src/+/4219315)
- display:none animations are behind a test flag (can be enabled with --enable-blink-features=CSSDisplayAnimation), not an experimental flag in Canary.
- In order for your demo to work with the WIP CL above applied, and CSSDisplayAnimation feature enabled, I also had to add a transition for the display property since the UA style for the dialog has display:none when it's closed.
- The dialog is repositioned during the opacity transition because positioning also changes in the UA style when the dialog is closed.


-- 
GitHub Notification of comment by lilles
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/8189#issuecomment-1449856837 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Wednesday, 1 March 2023 10:48:07 UTC