The fullscreenElement read-only property of the ShadowRoot interface returns the element within the shadow tree that is currently displayed in full screen.
The fullscreenElement read-only property of the ShadowRoot interface returns the element within the shadow tree that is currently displayed in full screen.
The Element which is currently is displayed in full screen mode, or null if there is no full screen element.
js
let customElem = document.querySelector("my-shadow-dom-element"); let shadow = customElem.shadowRoot; let fullscreenElem = shadow.fullscreenElement;
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
fullscreenElement |
71 | 79 | 6463 | No | 58 | 16.4 | 71 | 71 | 6463 | 50 | 16.4 | 10.0 |
© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/ShadowRoot/fullscreenElement