ShadowRoot

This article needs a technical review. How you can help.

 

Non-standard
This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.

The ShadowRoot interface of the Shadow DOM API is the root node of a DOM subtree that is rendered separately from a document's main DOM tree.

Properties

ShadowRoot.activeElement Read only
TBD
ShadowRoot.delegatesFocus Read only   Chrome only

Indicates focus activity (tab navigation, mouse click, focus()) on its shadow host will be delegated to its shadow. This property was deprecated in Chrome 47.

ShadowRoot.host Read only
TBD
ShadowRoot.innerHTML
TBD
ShadowRoot.styleSheets  Read only
TBD

Methods

ShadowRoot.caretPositionFromPoint()
TBD
ShadowRoot.elementFromPoint()
TBD
ShadowRoot.elementsFromPoint()
TBD
ShadowRoot.getSelection()
TBD
 

Specifications

Specification Status Comment
Shadow DOM Working Draft Initial definition.

Browser compatibility

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support 45.0 [1] No support No support ? No support
Feature Android Android Webview Firefox Mobile (Gecko) Firefox OS IE Mobile Opera Mobile Safari Mobile Chrome for Android
Basic support No support ? No support ? ? ? ? (Yes)

[1] In Chrome 45, the ability to have multiple shadow roots was deprecated. In Chrome 47, the delegatesFocus property was deprecated.

  •  
  • Create new recall
  • Q
  • A
 

Document Tags and Contributors

 Contributors to this page: rolfedh, jpmedley, Arebee88, Dan-Dascalescu
 Last updated by: rolfedh,