Skip to content

Type Editor


Type Editor / @type-editor/dom-util / deep-active-element / deepActiveElement

Function: deepActiveElement()

ts
function deepActiveElement(doc): Element;

Defined in: deep-active-element.ts:18

Gets the deeply nested active element, traversing through Shadow DOM boundaries.

This function recursively descends into shadow roots to find the actual focused element, even when it's nested within multiple levels of Shadow DOM.

Parameters

ParameterTypeDescription
docDocumentThe document to get the active element from

Returns

Element

The deeply nested active element, or null if no element is focused

Example

typescript
const focusedElement = deepActiveElement(document);
if (focusedElement) {
  console.log("Actually focused element:", focusedElement);
}