[csswg-drafts] [css-scoping] The `::slotted()` doesn't say anything about the fallback slot content.

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

== [css-scoping] The `::slotted()` doesn't say anything about the fallback slot content. ==
The spec says
> The ::slotted() pseudo-element represents the elements assigned, after flattening, to a slot. This pseudo-element only exists on slots.

If I now arrive at a situation where the fallback for a slot is used, I am guessing that it'll come up in the flattened view as well. That would mean that I can find use the `::slotted()` to query the fallback markup elements and apply styles to them? 

It's not really clear how to style the fallback content in general.

Currently I am doing something like this inside my shadow-root styles.
```css
/* works but not sure if this is the best way to do it. */

slot[name="profile-picture"] svg {
  width: 64px;
  height: 64px;
}

/* doesn't */
::slotted(svg) {
  width: var(--card-picture-dimension, 64px);
  height: var(--card-picture-dimension, 64px);
}
```


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

Received on Sunday, 18 June 2017 18:03:10 UTC