From b18f9c685b931bfd82fde226085ae17a63b49532 Mon Sep 17 00:00:00 2001 From: Jaime Idolpx Date: Sun, 7 Jun 2026 22:08:34 -0400 Subject: [PATCH] feat: add rename input focus handling in FileManager component --- src/app/components/FileManager.tsx | 3 +++ 1 file changed, 3 insertions(+) diff --git a/src/app/components/FileManager.tsx b/src/app/components/FileManager.tsx index 0dd18d7..0862e0c 100644 --- a/src/app/components/FileManager.tsx +++ b/src/app/components/FileManager.tsx @@ -102,6 +102,7 @@ export default function FileManager({ initialPath = '/', config, setConfig, onBa const [renameName, setRenameName] = useState(''); const [mountEntry, setMountEntry] = useState(null); const fileInputRef = useRef(null); + const renameInputRef = useRef(null); const dragCounter = useRef(0); const load = useCallback(async (p: string) => { @@ -270,6 +271,7 @@ export default function FileManager({ initialPath = '/', config, setConfig, onBa setRenameEntry(entry); setRenameName(entry.name); setActionEntry(null); + setTimeout(() => renameInputRef.current?.focus(), 50); }; const commitRename = async () => { @@ -607,6 +609,7 @@ export default function FileManager({ initialPath = '/', config, setConfig, onBa if (e.key === 'Escape') setRenameEntry(null); }} onBlur={() => void commitRename()} + ref={renameInputRef} onClick={e => e.stopPropagation()} onFocus={e => { const dotIdx = renameName.lastIndexOf('.');