Re: [csswg-drafts] [selectors] Pseudo-class to indicate when a slot has content (#6867)

• From: Steve Orvell via GitHub <sysbot+gh@w3.org>
• Date: Thu, 09 Jan 2025 18:14:41 +0000
• To: public-css-archive@w3.org
• Message-ID: <issue_comment.created-2580966220-1736446477-sysbot+gh@w3.org>

> RESOLVED: `:has-slotted` should match when the fallback content is not being displayed

Unless I'm mistaken, `:has-slotted` enables this, which is great:

```html
<padded-with-icon>
  not padded
</padded-with-icon>
<padded-with-icon>
  padded <i-con slot="icon"></i-con>
</padded-with-icon>
```

But this has-a composition won't work because the icon slot inside `padded-with-icon` will not be showing fallback content. This seems pretty unfortunate.

```html
<has-a-padded-with-icon>
  <template shadowrootmode="open">
    <padded-with-icon>
      <slot></slot>
      <slot name="icon" slot="icon"></slot>
    </padded-with-icon>
  </template>
  oops, this is padded
<has-a-padded-with-icon>
```


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


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

Received on Thursday, 9 January 2025 18:14:41 UTC