#ShadowDOM

Inautiloinautilo
2026-01-05
Frontend Dogmafrontenddogma@mas.to
2025-12-05
westbrookwestbrook
2025-12-02
#adopted-style-sheet listing directly under the #shadow-root listing they've been adopted by in Chrome Canary Dev tools.The styles from an #adopted-style-sheet as attached to a #shadow-root expanded for review in Chrome Canary Dev Tools.
2025-11-14

Randomly thinking about the `shadowrootadoptedstylesheets` proposal today and had some thoughts about how it could support streaming use cases better.

github.com/MicrosoftEdge/MSEdg

#ShadowDOM #Streaming #Web #Perf

westbrookwestbrook
2025-11-13

TIL that when you run `el.attachShadow({mode: "open" })` on an element with DSD it _clears_ the children while leaving the initial shadow root.

codepen.io/Westbrook/pen/xbVww

Nathan Knowlerknowler@sunny.garden
2025-10-30

Not being able to style a shadow host using selectors like `:host:hover` or `:host:focus` is gonna be a real pain for #CSS mixins. You have to effectively break up all of your different states and can’t use nesting to make mixins that work in the light DOM and #ShadowDOM.

Nathan Knowlerknowler@sunny.garden
2025-10-14

`slotted-index()` and `slotted-count()` might be useful CSS functions for shadow DOM, since the `sibling-` ones reflect light DOM information. #CSS #ShadowDOM #WebComponents

westbrookwestbrook
2025-10-05

Wanna get some topics on the docket for @w3c ? Join the planning discussion in discord.gg/kbba8cKPg9 and help us get the hottest button topics unlocked as vendors, contributors and the community gather next month in Kobe!

Inautiloinautilo
2025-09-25
Inautiloinautilo
2025-09-22
Nathan Knowlerknowler@sunny.garden
2025-09-17

I love that you can expose a shadow part with multiple names using `exportparts`.

```html
<site-header exportparts=nav-list,nav-list:header-nav-list></site-header>
<site-footer exportparts=nav-list,nav-list:footer-nav-list></site-footer>
```

#HTML #CSS #CustomElements #ShadowDOM

Nathan Knowlerknowler@sunny.garden
2025-09-03

Composition with the Shadow DOM is more powerful than you think. You can do a lot with the default named slot assignment, but manual slot assignment is a pathway to many abilities some consider to be… unnatural.</emperor-palpatine>

knowler.dev/blog/an-intro-to-m

#WebComponents #CustomElements #ShadowDOM #HTML #WebDev

sprungmarkers (she / her)sprungmarker
2025-08-17
Ange Chierchianighcrawl
2025-08-08

Le Shadow DOM, c’est pas magique.
C’est puissant, ou chiant.
Ça dépend comment tu t’en sers.
Super article si t’en as marre de te battre avec les limites du truc.

smashingmagazine.com/2025/07/w

Frontend Dogmafrontenddogma@mas.to
2025-07-26

Public CSS Custom Properties in the Shadow DOM, by @michaelwarren.dev:

michaelwarren.dev/blog/css-var

#css #customproperties #shadowdom #dom #animations

Inautiloinautilo
2025-07-21


Public CSS variables in the shadow DOM · How to expose them in web components ilo.im/165h87

_____

Client Info

Server: https://mastodon.social
Version: 2025.07
Repository: https://github.com/cyevgeniy/lmst