From e1eab6bb299294135306d524c20fd00fac5aeffc Mon Sep 17 00:00:00 2001
From: Eric Bailey <git@esb.lol>
Date: Thu, 28 Dec 2023 10:55:00 -0600
Subject: [PATCH] Close on escape

---
 src/view/com/util/forms/NativeDropdown.web.tsx | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/view/com/util/forms/NativeDropdown.web.tsx b/src/view/com/util/forms/NativeDropdown.web.tsx
index 72a2705ccb..92c696d29e 100644
--- a/src/view/com/util/forms/NativeDropdown.web.tsx
+++ b/src/view/com/util/forms/NativeDropdown.web.tsx
@@ -72,7 +72,7 @@ export function NativeDropdown({
     theme.colorScheme === 'dark' ? pal.borderDark : pal.border
 
   React.useEffect(() => {
-    const handler = (e: MouseEvent) => {
+    function clickHandler(e: MouseEvent) {
       const t = e.target
 
       if (!open) return
@@ -95,9 +95,17 @@ export function NativeDropdown({
       }
     }
 
-    document.addEventListener('click', handler, true)
+    function keydownHandler(e: KeyboardEvent) {
+      if (e.key === 'Escape' && open) {
+        setOpen(false)
+      }
+    }
+
+    document.addEventListener('click', clickHandler, true)
+    window.addEventListener('keydown', keydownHandler, true)
     return () => {
-      document.removeEventListener('click', handler, true)
+      document.removeEventListener('click', clickHandler, true)
+      window.removeEventListener('keydown', keydownHandler, true)
     }
   }, [open, setOpen])