Proposal

This feature adds support for <style type="module" specifier="foo"> and <template shadowrootadoptedstylesheets="foo">.

Resources:

https://github.com/MicrosoftEdge/MSEdgeExplainers/blob/main/ShadowDOM/explainer.md
whatwg/html#10673
https://issues.chromium.org/issues/448174611
https://bugzilla.mozilla.org/show_bug.cgi?id=2037650
https://bugs.webkit.org/show_bug.cgi?id=314242

Browser support

It is not Stable yet, it is enabled with Experimental Web Platform Features in Chromium-based browsers (including Chrome and Edge) after version 144 and is currently testable in an Origin Trial.

Tasks

• Update https://developer.mozilla.org/en-US/docs/Web/API/HTMLStyleElement to include new type=module and specifier attributes
• Update https://developer.mozilla.org/en-US/docs/Web/API/HTMLTemplateElement to include shadowrootadoptedstylesheets
• Update https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_shadow_DOM#applying_styles_inside_the_shadow_dom to include new declarative behaviors

Dependencies

• [ ]

Additional information

No response

Are you willing to support this work?

Yes