Site search not focusing on open fixed (#1076)

codu-code · Oct 7, 2024 · 0cadee6 · 0cadee6
1 parent bc82b28
commit 0cadee6
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/components/ui/Search.tsx b/components/ui/Search.tsx
@@ -368,6 +368,15 @@ function SearchDialog({
     setOpen(false);
   }, [pathname, searchParams, setOpen]);
 
+  // added auto-focus when dialog opened
+  useEffect(() => {
+    if (open) {
+      setTimeout(() => {
+        inputRef.current?.focus();
+      }, 0);
+    }
+  }, [open]);
+
   useEffect(() => {
     if (open) {
       return;