From 3eb99c8a3e45761ba3b05813748db731a3e69f75 Mon Sep 17 00:00:00 2001
From: Abdo <abdo@abdnh.net>
Date: Thu, 28 Aug 2025 03:32:03 +0300
Subject: [PATCH] Focus selector's search input

---
 ts/lib/components/ItemChooser.svelte | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/ts/lib/components/ItemChooser.svelte b/ts/lib/components/ItemChooser.svelte
index 7d0babd4a..9418e67d3 100644
--- a/ts/lib/components/ItemChooser.svelte
+++ b/ts/lib/components/ItemChooser.svelte
@@ -33,6 +33,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
     }: Props = $props();
     let modal: Modal | null = $state(null);
     let searchQuery = $state("");
+    let searchInput: HTMLInputElement | null = $state(null);
 
     const filteredItems = $derived(
         searchQuery.trim() === ""
@@ -70,7 +71,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 </LabelButton>
 
 <Shortcut {keyCombination} on:action={() => modal?.toggle()} />
-<Modal bind:this={modal} dialogClass="modal-lg">
+<Modal bind:this={modal} onShown={() => searchInput?.focus()} dialogClass="modal-lg">
     <div slot="header" class="modal-header">
         <IconConstrain iconSize={90}>
             <Icon {icon} />
@@ -97,6 +98,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
                     class="search-input"
                     placeholder={tr.actionsSearch()}
                     bind:value={searchQuery}
+                    bind:this={searchInput}
                 />
                 {#if searchQuery}
                     <button