enhance(search): explicitly focus search input

owid · Sep 19, 2024 · 7ba1202 · 7ba1202
1 parent 2f79b61
commit 7ba1202
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/site/search/Autocomplete.tsx b/site/search/Autocomplete.tsx
@@ -326,9 +326,14 @@ export function Autocomplete({
     // Register a global shortcut to open the search box on typing "/"
     useEffect(() => {
         if (!search) return
+
         Mousetrap.bind("/", (e) => {
             e.preventDefault() // don't type "/" into input
             search.setIsOpen(true)
+
+            const input =
+                containerRef.current?.querySelector<HTMLInputElement>("input")
+            input?.focus()
         })
 
         return () => {