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

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
delegatesFocus
Experimental
Chrome Full support 57Edge No support NoFirefox ? 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 ?

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.