Repository navigation
The overlay CSS property #169
Description
WebKittens
No response
Title of the spec
CSS Positioned Layout Module Level 4
URL to the spec
https://drafts.csswg.org/css-position-4/#overlay
URL to the spec's repository
https://github.com/w3c/csswg-drafts
Issue Tracker URL
No response
Explainer URL
https://github.com/chrishtr/rendering/blob/master/entry-exit-animations.md
TAG Design Review URL
Mozilla standards-positions issue URL
mozilla/standards-positions#777
WebKit Bugzilla URL
No response
Radar URL
No response
Description
The CSS Spec is done. There are additional tie-ins to HTML and fullscreen:
- Remove top layer definitions, now that CSS Position 4 contains them. whatwg/fullscreen#223
- Use CSS spec for top layer whatwg/html#9093
Here is the CSSWG issue: w3c/csswg-drafts#8189
Reacted by Nilesh Prajapati
Activity
SebastianZ commentedon Apr 19, 2023
As Alan Stearns points out in w3c/csswg-drafts#8730, there's still an open discussion.
Sebastian
jpzwarte commentedon Mar 10, 2025
There currently seems to be no way in WebKit to have an exit animation on a dialog with a backdrop that also uses
@starting-style. There is this codepen that usestransition: overlay 1s allow-discrete, but that only works in Chromium (https://codepen.io/argyleink/pen/zYbQBOm?editors=1100).bramus commentedon Mar 10, 2025
@jpzwarte The place to file a WebKit bug is https://bugs.webkit.org/.
nt1m commentedon Mar 10, 2025
There's already a bug open for it: https://bugs.webkit.org/show_bug.cgi?id=276727