ShadowRoot: fullscreenElement property
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
The fullscreenElement read-only property of the
ShadowRoot interface returns the element within the shadow tree that is currently displayed in full screen.
Value
The Element which is currently is displayed in full screen mode,
or null if there is no full screen element.
Examples
js
let customElem = document.querySelector("my-shadow-dom-element");
let shadow = customElem.shadowRoot;
let fullscreenElem = shadow.fullscreenElement;
Specifications
| Specification |
|---|
| Fullscreen API # ref-for-dom-document-fullscreenelement② |
Browser compatibility
| desktop | mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
fullscreenElement
|
|
|
|
|
|
|
|
|
|
|
|
|
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
- Partial support
- Partial support
- Uses a non-standard name
- Has more compatibility info.