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.


var df = shadowRoot.delegatesFocus


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


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


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


This feature is not currently in a specification.

Browser compatibility

Update compatibility data on GitHub
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidEdge MobileFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
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 ?


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,