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 AndroidEdge MobileFirefox 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 57Edge Mobile No support NoFirefox 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.

Document Tags and Contributors

Contributors to this page: mfuji09, mdnwebdocs-bot, chrisdavidmills
Last updated by: mfuji09,