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
@5t3ph This is fantastic! Are there any immediate plans to add information about animations? If not, perhaps I’ll try my hand at contributing.
@knowler @5t3ph fonts too if memory serves (i.e. @ font-face has to be at the root light DOM level)
@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.