[csswg-drafts] [selectors] Add `:top-layer` pseudo class (#7319)

mfreed7 has just created a new issue for https://github.com/w3c/csswg-drafts:

== [selectors] Add `:top-layer` pseudo class ==
The CSSWG recently [resolved](https://github.com/w3c/csswg-drafts/issues/6965#issuecomment-1118033655) to add a `:modal` pseudo class that applies to elements that are "modal". That was general purpose, in that it should apply to anything that fits the description of being "modal", not just modal `<dialog>`.

Today, the OpenUI WC similarly [resolved](https://github.com/openui/open-ui/issues/470#issuecomment-1138868669) to add a `:top-layer` pseudo class that should apply to (at least) elements using the [Popup API](https://open-ui.org/components/popup.research.explainer) which are currently in the top layer. The intention for the naming and behavior, though, was that this pseudo class should also be general purpose. It should match any type of element in the top layer, including modal `<dialog>`, fullscreen elements, and `::backdrop` pseudo elements. Also maybe Shared Element Transitions?

Thoughts?

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/7319 using your GitHub account


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

Received on Thursday, 26 May 2022 23:00:20 UTC