The overlay CSS property

[josepharhar]

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

w3ctag/design-reviews#829

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

[SebastianZ]

The CSS Spec is done.

As Alan Stearns points out in w3c/csswg-drafts#8730, there's still an open discussion.

Sebastian

[jpzwarte]

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 uses transition: overlay 1s allow-discrete, but that only works in Chromium (https://codepen.io/argyleink/pen/zYbQBOm?editors=1100).

[bramus]

@jpzwarte The place to file a WebKit bug is https://bugs.webkit.org/.

[nt1m]

There's already a bug open for it: https://bugs.webkit.org/show_bug.cgi?id=276727