Re: [w3c/webcomponents] [Shadow] Slotting indirect children (#574)

We see some use cases related to this with semantical elements, such as `<figure>`. E.g. if there's a web component that slots a `figure` and wants to do some special distribution for image vs caption.

E.g.

```
<web-component-x>
  <figure>
    <img>
    <figcaption>This image describes ...</figcaption>
  </figure>
</web-component-x>
```

Depending on the composition, it's sometimes too difficult to style the caption with simple CSS changes. It'd be helpful to be able to re-distribute it via a nested slot of some sort. Currently, we often `display:none` the original `figcaption` and then clone its content for display purposes within the shadow. This has lots of drawbacks related to the styling and mutations.


-- 
You are receiving this because you are subscribed to this thread.
Reply to this email directly or view it on GitHub:
https://github.com/w3c/webcomponents/issues/574#issuecomment-467178567