fix(useMagicKeys): reset refs on target blur (#1755)

Co-authored-by: Anthony Fu <anthonyfu117@hotmail.com>
vueuse · Jul 6, 2022 · 82510b8 · 82510b8
1 parent 4c37839
commit 82510b8
Showing 1 changed file with 13 additions and 0 deletions.
diff --git a/packages/core/useMagicKeys/index.ts b/packages/core/useMagicKeys/index.ts
@@ -94,6 +94,15 @@ export function useMagicKeys(options: UseMagicKeysOptions<boolean> = {}): any {
     }
   }
 
+  function reset() {
+    for (const key of Object.keys(refs)) {
+      if (useReactive)
+        refs[key] = false
+      else
+        refs[key].value = false
+    }
+  }
+
   function updateRefs(e: KeyboardEvent, value: boolean) {
     const key = e.key?.toLowerCase()
     const code = e.code?.toLowerCase()
@@ -135,6 +144,10 @@ export function useMagicKeys(options: UseMagicKeysOptions<boolean> = {}): any {
       updateRefs(e, false)
       return onEventFired(e)
     }, { passive })
+
+    // #1350
+    useEventListener('blur', reset, { passive: true })
+    useEventListener('focus', reset, { passive: true })
   }
 
   const proxy = new Proxy(