gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-11-05 05:59:00 +01:00
Code Issues Actions 19 Packages Projects Releases Wiki Activity

refactor(react/note_icon): introduce autofocus at text box level

Browse Source
This commit is contained in:
Elian Doran 2025-08-21 15:11:08 +03:00
parent 076c0321cf
commit b213453062
No known key found for this signature in database
2 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
apps/client/src/widgets/note_icon.tsx
View File

@ -102,11 +102,6 @@ function NoteIconList() {
loadIcons(); loadIcons();
}, [ search, categoryId ]); }, [ search, categoryId ]);
// Focus on search by default.
useEffect(() => {
searchBoxRef?.current?.focus();
}, []);
return ( return (
<> <>
<div class="filter-row"> <div class="filter-row">
@ -124,6 +119,7 @@ function NoteIconList() {
type="text" type="text"
name="icon-search" name="icon-search"
currentValue={search} onChange={setSearch} currentValue={search} onChange={setSearch}
autoFocus
/> />
</div> </div>

10
apps/client/src/widgets/react/FormTextBox.tsx
View File

@ -1,4 +1,4 @@
import type { InputHTMLAttributes, RefObject } from "preact/compat"; import { useEffect, type InputHTMLAttributes, type RefObject } from "preact/compat";
interface FormTextBoxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "onChange" | "onBlur" | "value"> { interface FormTextBoxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "onChange" | "onBlur" | "value"> {
id?: string; id?: string;
@ -8,7 +8,7 @@ interface FormTextBoxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "
inputRef?: RefObject<HTMLInputElement>; inputRef?: RefObject<HTMLInputElement>;
} }
export default function FormTextBox({ inputRef, className, type, currentValue, onChange, onBlur,...rest}: FormTextBoxProps) { export default function FormTextBox({ inputRef, className, type, currentValue, onChange, onBlur, autoFocus, ...rest}: FormTextBoxProps) {
if (type === "number" && currentValue) { if (type === "number" && currentValue) {
const { min, max } = rest; const { min, max } = rest;
const currentValueNum = parseInt(currentValue, 10); const currentValueNum = parseInt(currentValue, 10);
@ -19,6 +19,12 @@ export default function FormTextBox({ inputRef, className, type, currentValue, o
} }
} }
useEffect(() => {
if (autoFocus) {
inputRef?.current?.focus();
}
}, []);
return ( return (
<input <input
ref={inputRef} ref={inputRef}