Email or username:

Password:

Forgot your password?
Jake's posts Post Back to profile
Top-level
Jake Archibald

@AmeliaBR that's one of the weird things: the clone lives within the light DOM, not the shadow DOM. It has to to allow full styling.

18 October at 16:10 | Open on mastodon.social
6 comments
Amelia Bellamy-Royds

@jaffathecake That is really weird & problematic, IMO. Is there any other case where the browser dynamically injects content in the light DOM?

Are styling hooks for shadow DOM still so bad that can't be adjusted?

Alternatively, again borrowing from SVG convention: The cloned element within a <use> brings with it style rules from its original context. For the selectedoption use case, you could then add a pseudoclass or host rule that matches the original element only in the cloned context.

18 October at 16:41 | Open on front-end.social
Jake Archibald

@AmeliaBR I agree it's really weird. The only similar thing I can think of is contenteditable, but that's pretty different. But yeah, styling arbitrary shadow content is harrrrd.

18 October at 16:57 | Open on mastodon.social
Anne van Kesteren

@jaffathecake @AmeliaBR Styling is not the issue per se. Running script is.

19 October at 19:08 | Open on hachyderm.io
Ollie Boermans

@AmeliaBR @jaffathecake doesn’t count as content – closest I can think of is tbody

```
<style>
tbody {
outline: solid tomato;
}
</style>
<table>
<tr><td>World</td></tr>
</table>
```

18 October at 22:22 | Open on mastodon.social
Jake Archibald

@ollicle @AmeliaBR yeahhhh, I think parser changes are different to interaction changes

18 October at 22:34 | Open on mastodon.social
Ollie Boermans

I can hear the nahhh balancing that yeahhh :emoji_squint:

Understood.

19 October at 0:10 | Open on mastodon.social
Go Up