<?xml version="1.0" encoding="UTF-8"?>
<feature id="declarative-shadow-dom"><name>Declarative shadow DOM</name><description>The shadowrootmode attribute on &lt;template&gt; creates a shadow root without the use of JavaScript. It is a declarative alternative to the attachShadow() method.</description><group>html</group><group_name>HTML</group_name><baseline><status>widely</status><low_date>2024-02-20</low_date><high_date>2026-08-20</high_date></baseline><support><browser name="chrome" version="111" supported="true"></browser><browser name="firefox" version="123" supported="true"></browser><browser name="safari" version="16.4" supported="true"></browser><browser name="edge" version="111" supported="true"></browser><browser name="chrome_android" version="111" supported="true"></browser><browser name="firefox_android" version="123" supported="true"></browser><browser name="safari_ios" version="16.4" supported="true"></browser></support><specifications><spec>https://html.spec.whatwg.org/multipage/scripting.html#attr-template-shadowrootmode</spec></specifications><caniuse><id>declarative-shadow-dom</id></caniuse><mdn_url>https://developer.mozilla.org/docs/Web/API/HTMLTemplateElement/shadowRootMode</mdn_url><compat_features><key>api.HTMLTemplateElement.shadowRootClonable</key><key>api.HTMLTemplateElement.shadowRootDelegatesFocus</key><key>api.HTMLTemplateElement.shadowRootMode</key><key>api.HTMLTemplateElement.shadowRootSerializable</key><key>api.HTMLTemplateElement.shadowRootSlotAssignment</key><key>html.elements.template.shadowrootclonable</key><key>html.elements.template.shadowrootdelegatesfocus</key><key>html.elements.template.shadowrootmode</key><key>html.elements.template.shadowrootserializable</key></compat_features><canonical_url>https://nowyoucanuse.com/features--declarative-shadow-dom.html</canonical_url></feature>