fix: hide modal upon keyboard blur

Uniswap · Oct 12, 2023 · 08a46a2 · 08a46a2
1 parent 5fee3c6
commit 08a46a2
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/hooks/useOnClickOutside.ts b/src/hooks/useOnClickOutside.ts
@@ -12,7 +12,7 @@ export function useOnClickOutside<T extends HTMLElement>(
   }, [handler])
 
   useEffect(() => {
-    const handleClickOutside = (e: MouseEvent) => {
+    const handleClickOutside = (e: MouseEvent | KeyboardEvent) => {
       const nodeClicked = node.current?.contains(e.target as Node)
       const ignoredNodeClicked = ignoredNodes.reduce(
         (reducer, val) => reducer || !!val.current?.contains(e.target as Node),
@@ -27,9 +27,11 @@ export function useOnClickOutside<T extends HTMLElement>(
     }
 
     document.addEventListener('mousedown', handleClickOutside)
+    document.addEventListener('keyup', handleClickOutside)
 
     return () => {
       document.removeEventListener('mousedown', handleClickOutside)
+      document.removeEventListener('keyup', handleClickOutside)
     }
   }, [node, ignoredNodes])
 }