<?xml version="1.0" encoding="UTF-8"?>
<feature id="shadow-dom"><name>Shadow DOM</name><description>Shadow DOM allows you to attach encapsulated &#34;shadow&#34; DOM trees to elements. A shadow DOM tree is a separate component, isolated from the scripts and styles in other parts of the document. This is a part of Web Components.</description><group>dom</group><group_name>DOM</group_name><baseline><status>widely</status><low_date>2020-01-15</low_date><high_date>2022-07-15</high_date></baseline><support><browser name="chrome" version="53" supported="true"></browser><browser name="firefox" version="63" supported="true"></browser><browser name="safari" version="10" supported="true"></browser><browser name="edge" version="79" supported="true"></browser><browser name="chrome_android" version="53" supported="true"></browser><browser name="firefox_android" version="63" supported="true"></browser><browser name="safari_ios" version="10" supported="true"></browser></support><specifications><spec>https://dom.spec.whatwg.org/#shadow-trees</spec></specifications><caniuse><id>shadowdomv1</id></caniuse><mdn_url>https://developer.mozilla.org/docs/Web/API/ShadowRoot</mdn_url><compat_features><key>api.Element.attachShadow</key><key>api.Element.attachShadow.options_clonable_parameter</key><key>api.Element.attachShadow.options_delegatesFocus_parameter</key><key>api.Element.attachShadow.options_serializable_parameter</key><key>api.Element.shadowRoot</key><key>api.Event.composed</key><key>api.Event.composedPath</key><key>api.Node.getRootNode</key><key>api.Node.isConnected</key><key>api.ShadowRoot</key><key>api.ShadowRoot.clonable</key><key>api.ShadowRoot.delegatesFocus</key><key>api.ShadowRoot.host</key><key>api.ShadowRoot.mode</key><key>api.ShadowRoot.serializable</key></compat_features><canonical_url>https://nowyoucanuse.com/features--shadow-dom.html</canonical_url></feature>