From 9142f0d6337582145beb8181cbbfa3748d9caeab Mon Sep 17 00:00:00 2001
From: MartinBraquet <martin.braquet@gmail.com>
Date: Wed, 22 Oct 2025 23:49:28 +0200
Subject: [PATCH] Autofocus

---
 web/components/select-users.tsx | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/web/components/select-users.tsx b/web/components/select-users.tsx
index 67392c9..0b3f4be 100644
--- a/web/components/select-users.tsx
+++ b/web/components/select-users.tsx
@@ -38,6 +38,16 @@ export function SelectUsers(props: {
   const requestId = useRef(0)
   const queryReady = query.length > 1
 
+  const inputRef = useRef<HTMLInputElement>(null)
+
+  useEffect(() => {
+    // Wait for the modal (and transition) to finish
+    const timeout = setTimeout(() => {
+      inputRef.current?.focus()
+    }, 100)
+    return () => clearTimeout(timeout)
+  }, [])
+
   useEffect(() => {
     const id = ++requestId.current
     if (queryReady) {
@@ -66,6 +76,7 @@ export function SelectUsers(props: {
         <>
           <Col className="relative mt-1 w-full rounded-md">
             <Input
+              ref={inputRef}
               type="text"
               name="user name"
               id="user name"