Update index.ts

Compatible with shadow dom
vueuse · Jul 4, 2023 · 6edb184 · 6edb184
1 parent bddfbae
commit 6edb184
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/packages/core/useActiveElement/index.ts b/packages/core/useActiveElement/index.ts
@@ -14,9 +14,16 @@ export interface UseActiveElementOptions extends ConfigurableWindow, Configurabl
 export function useActiveElement<T extends HTMLElement>(options: UseActiveElementOptions = {}) {
   const { window = defaultWindow } = options
   const document = options.document ?? window?.document
+  const getDeepestActiveElement = () => {
+    let element = document?.activeElement;
+    while (element?.shadowRoot) {
+        element = element?.shadowRoot?.activeElement;
+    }
+    return element;
+  };
   const activeElement = computedWithControl(
     () => null,
-    () => document?.activeElement as T | null | undefined,
+    () => getDeepestActiveElement() as T | null | undefined,
   )
 
   if (window) {