From 8259af0278b4197e3208a149f310095d58e996a9 Mon Sep 17 00:00:00 2001
From: Wes <wesbillman@users.noreply.github.com>
Date: Mon, 30 Mar 2026 17:11:07 -0700
Subject: [PATCH] Auto-focus search input when dialog opens (#206)

Co-authored-by: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 desktop/src/features/search/ui/SearchDialog.tsx | 15 +++++----------
 1 file changed, 5 insertions(+), 10 deletions(-)

diff --git a/desktop/src/features/search/ui/SearchDialog.tsx b/desktop/src/features/search/ui/SearchDialog.tsx
index 58de6e51bb..ad7316862d 100644
--- a/desktop/src/features/search/ui/SearchDialog.tsx
+++ b/desktop/src/features/search/ui/SearchDialog.tsx
@@ -208,17 +208,7 @@ export function SearchDialog({
       setQuery("");
       setDebouncedQuery("");
       setSelectedIndex(0);
-      return;
     }
-
-    const timeout = window.setTimeout(() => {
-      inputRef.current?.focus();
-      inputRef.current?.select();
-    }, 0);
-
-    return () => {
-      window.clearTimeout(timeout);
-    };
   }, [open]);
 
   React.useEffect(() => {
@@ -238,6 +228,10 @@ export function SearchDialog({
       <DialogContent
         className="gap-0 overflow-hidden p-0"
         data-testid="search-dialog"
+        onOpenAutoFocus={(event) => {
+          event.preventDefault();
+          inputRef.current?.focus();
+        }}
       >
         <DialogHeader className="border-b border-border/80 px-6 py-5">
           <DialogTitle className="flex items-center gap-3">
@@ -252,6 +246,7 @@ export function SearchDialog({
           <div className="mt-4 flex items-center gap-3 rounded-2xl border border-input bg-card px-3 py-3 shadow-sm">
             <Search className="h-4 w-4 text-muted-foreground" />
             <Input
+              autoFocus
               className="h-auto border-0 bg-transparent px-0 py-0 text-base shadow-none focus-visible:ring-0"
               data-testid="search-input"
               onChange={(event) => {