Since September 2024, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
The shadowRootDelegatesFocus property of the HTMLTemplateElement interface reflects the value of the shadowrootdelegatesfocus attribute of the associated <template> element.
Note that this property is not useful for developers. If a <template> element is used to declaratively create a ShadowRoot, then this object and property do not exist. Otherwise, if an HTMLTemplateElement is created, the value of this property is irrelevant because the object is not a shadow root and cannot subsequently be changed to a shadow root.
Reflects the value of the shadowrootdelegatesfocus attribute of the associated <template> element.
| Specification |
|---|
| HTML> # dom-template-shadowrootdelegatesfocus> |
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | WebView Android | WebView on iOS | |
shadowRootDelegatesFocus |
123 | 123 | 123 | 109 | 18 | 123 | 123 | 82 | 18 | 27.0 | 123 | 18 |
shadowrootdelegatesfocus attribute of the <template> elementShadowRoot.delegatesFocus
© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/HTMLTemplateElement/shadowRootDelegatesFocus