BuzzbeeSCD/ProjectE
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

fix: add autoFocus to title input to reclaim focus after re-render

Browse Source
This commit is contained in:
Hermes
2026-08-01 13:09:25 +00:00
parent 82db10a10d
commit 4a83ee88ba
1 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/src/routes/_app/notes.tsx
+3 -1
View File
@@ -39,7 +39,8 @@ const NoteEditor = memo(function NoteEditor({ initialContent, onSave, placeholde
contentEditable contentEditable
suppressContentEditableWarning suppressContentEditableWarning
className="prose prose-sm dark:prose-invert max-w-none p-3 focus:outline-none min-h-[300px]" className="prose prose-sm dark:prose-invert max-w-none p-3 focus:outline-none min-h-[300px]"
onBlur={handleBlur} onMouseDown={(e) => e.stopPropagation()}
onBlur={handleBlur}
/> />
</div> </div>
); );
@@ -70,6 +71,7 @@ const NoteTitleInput = memo(function NoteTitleInput({ noteId, initialTitle }: {
ref={inputRef} ref={inputRef}
defaultValue={initialTitle} defaultValue={initialTitle}
onBlur={handleBlur} onBlur={handleBlur}
autoFocus
className="flex h-9 w-full rounded-md border-0 bg-transparent px-0 py-1 text-lg font-semibold text-base shadow-none transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-0 disabled:cursor-not-allowed disabled:opacity-50" className="flex h-9 w-full rounded-md border-0 bg-transparent px-0 py-1 text-lg font-semibold text-base shadow-none transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-0 disabled:cursor-not-allowed disabled:opacity-50"
/> />
); );