Back to Interop 2027 proposals

CSS :has-slotted support

Proposed by web-platform-tests/interop#1356
Participate in this proposal on GitHub

Direct 1-click actions are temporarily unavailable for Interop proposals pending repository app approval. Cast your vote by adding a +1 reaction or join the discussion directly on GitHub.

Open issue on GitHub

The :has-slotted CSS pseudo-class matches <slot> elements where the fallback content is not shown. The pseudo-class matches any slotted content, including white space, text nodes, or elements.

For Interop 2027, it would be great to have the :has-slotted selector available across all engines. It has already landed in Firefox. It is being worked on in WebKit (spec clarifications are being sought) and at one point, it was also being worked on in Chromium. Having this cross-engine would remove the need for hacky JS workarounds.

Spec:
https://drafts.csswg.org/css-shadow-1/#the-has-slotted-pseudo

Discussion on GitHub (0)

No comments on GitHub yet

Be the first developer to share technical feedback or use cases on this Interop proposal.

Join discussion on GitHub

Signing in with GitHub allows you to cast one-click upvotes and submit structured use cases directly to the web-platform-dx/developer-signals repository.

Our GitHub App only requests access to issue discussions. It never requests or has access to your personal repositories or code.
Sign in with GitHub
Strict feedback template: Please be as concrete as possible. Specific examples from your production apps or projects provide the highest-value signal to standards editors and browser engineers.
Add your specific real-world use cases, even if they seem obvious to you.
0 / 5000 (min 10)
Are you having to use another feature instead, a polyfill, or is it blocking you completely? Why are the alternatives worse?
0 / 5000 (min 10)
Markdown formatting is supported.