ShadowRoot: activeElement property

The activeElement read-only property of the ShadowRoot interface returns the element within the shadow tree that has focus.

Value

The Element which currently has focus, or null if there is no focused element.

Examples

js

let customElem = document.querySelector("my-shadow-dom-element");
let shadow = customElem.shadowRoot;
let focusedElem = shadow.activeElement;

Specifications

Specification
HTML Standard
# dom-documentorshadowroot-activeelement-dev

Browser compatibility

BCD tables only load in the browser

See also