ShadowRoot.fullscreenElement

The fullscreenElement read-only property of the ShadowRoot interface returns the element within the shadow tree that is currently displayed in full screen.

Syntax

shadowRoot.fullscreenElement

Value

The Element which is currently is displayed in full screen mode, or null if there is no full screen element.

Examples

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

Specifications

Specification
Fullscreen API Standard (Fullscreen API) # ref-for-dom-document-fullscreenelement②

Browser compatibility

	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	64 63	No	58	No	71	71	64 63	50	No	10.0