ShadowRoot.delegatesFocus

The delegatesFocus read-only property of the ShadowRoot interface returns a boolean that indicates whether delegatesFocus was set when the shadow was attached (see Element.attachShadow()).

This is currently an experimental non-standard feature, available only in Chrome.

Syntax

var df = shadowRoot.delegatesFocus

Value

A boolean value — true if the shadow root does delegate focus, false if it doesn't.

Examples

let customElem = document.querySelector('my-shadow-dom-element');
let shadow = customElem.shadowRoot;

  ...

// Does it delegate focus?
let hostElem = shadow.delegatesFocus;

Specifications

This feature is not currently in a specification.

Browser compatibility

DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
delegatesFocus
Experimental
Chrome Full support 57Edge Full support 79Firefox ? IE No support NoOpera ? Safari No support NoWebView Android Full support 57Chrome Android Full support 57Firefox Android ? Opera Android ? Safari iOS No support NoSamsung Internet Android Full support 7.0

Legend

Full support
Full support
No support
No support
Compatibility unknown
Compatibility unknown
Experimental. Expect behavior to change in the future.
Experimental. Expect behavior to change in the future.