Stephanie Eckles

I’m excited to share a new project from Adobe Spectrum Web Eng that tracks support for #CSS features within and across the shadow DOM. Think “CanIUse” but for CSS for web components.

The goal is to surface how modern CSS behaves when light and shadow DOM contexts meet, providing visibility into feature parity, usage details, and outstanding issues and bugs. We hope it’s a useful resource for the web components community, and we’d love your feedback and contributions!

https://shadow-dom-css.adobe.com/

Modern CSS Feature Support For Shadow DOM

Tracking the state of support for CSS features within and across the shadow DOM to provide visibility into feature parity, usage details, and outstanding issues and bugs.

Modern CSS for Shadow DOM
6:22pmWeb
Show threadStephanie Eckles4h ago
👀 Watch this space for additional resources from our team on the intricacies of styling within and around shadow DOM.
Show threadNathan Knowler4h ago
@5t3ph This is fantastic! Are there any immediate plans to add information about animations? If not, perhaps I’ll try my hand at contributing.
Show threadStephanie Eckles4h ago
@knowler Thanks! I would suggest opening up a "Feature Proposal" discussion and providing the requested info: https://github.com/adobe/css-for-shadow-dom/discussions/new?category=feature-proposal
Show threadNathan Knowler3h ago
@5t3ph Filed! Aside: I love that you’re using GitHub Discussions for feature requests. More projects need to do this. GitHub issues/pull requests are so chaotic to follow.
Show threadJared White (ResistanceNet ✊)4h ago
@knowler @5t3ph fonts too if memory serves (i.e. @ font-face has to be at the root light DOM level)
Show threadStephanie Eckles4h ago
@jaredwhite @knowler Great! Nuance like that - which is presently typically not covered on resources like MDN - is exactly what we want to uncover, especially if there are outstanding spec or browser compat issues.