🏠 New in High Baseline Support: Shadow DOM

July 15, 2022

caniuse · mdn · spec

Shadow DOM allows you to attach encapsulated “shadow” 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.

Source features

• api.Element.shadowRoot [mdn]
• api.Node.isConnected [mdn]
• api.Event.composed [mdn]
• api.Event.composedPath [mdn]
• api.Element.attachShadow [mdn]
• api.ShadowRoot [mdn]
• api.ShadowRoot.host [mdn]
• api.ShadowRoot.mode [mdn]
• api.Node.getRootNode [mdn]
• api.ShadowRoot.clonable [mdn]