8f285fbcc5
web: Indicate when caps-lock is active during password input. (#12733) Determining the state of the caps-lock key can be tricky as we're dependant on a user-provided input to set a value. Thus, our initial state defaults to not display any warning until the first keystroke. - Revise to better use lit-html. Co-authored-by: Teffen Ellis <592134+GirlBossRush@users.noreply.github.com>
28 lines
1.0 KiB
TypeScript
28 lines
1.0 KiB
TypeScript
/**
|
|
* @fileoverview Utilities for DOM element interaction, focus management, and event handling.
|
|
*/
|
|
|
|
/**
|
|
* Recursively check if the target element or any of its children are active (i.e. "focused").
|
|
*
|
|
* @param targetElement The element to check if it is active.
|
|
* @param containerElement The container element to check if the target element is active within.
|
|
*/
|
|
export function isActiveElement(
|
|
targetElement: Element | null,
|
|
containerElement: Element | null,
|
|
): boolean {
|
|
// Does the container element even exist?
|
|
if (!containerElement) return false;
|
|
|
|
// Does the container element have a shadow root?
|
|
if (!("shadowRoot" in containerElement)) return false;
|
|
if (containerElement.shadowRoot === null) return false;
|
|
|
|
// Is the target element the active element?
|
|
if (containerElement.shadowRoot.activeElement === targetElement) return true;
|
|
|
|
// Let's check the children of the container element...
|
|
return isActiveElement(containerElement.shadowRoot.activeElement, containerElement);
|
|
}
|