markus/finances
1
0
Fork 0
Code Issues 6 Pull requests Projects Releases 6 Packages 1 Wiki Activity Actions

N-FIN-86: fix payor input always focus next

Browse source
This commit is contained in:
Markus Thielker 2024-12-25 17:56:41 +01:00
parent 4a25a93186
commit ed49ad4ce7
No known key found for this signature in database
1 changed files with 4 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/components/form/paymentForm.tsx
View file

@ -69,6 +69,7 @@ export default function PaymentForm({value, entities, categories, onSubmit, clas
const payeeRef = useRef<HTMLInputElement>({} as HTMLInputElement); const payeeRef = useRef<HTMLInputElement>({} as HTMLInputElement);
const categoryRef = useRef<HTMLInputElement>({} as HTMLInputElement); const categoryRef = useRef<HTMLInputElement>({} as HTMLInputElement);
const submitRef = useRef<HTMLButtonElement>({} as HTMLButtonElement);
return ( return (
<Form {...form}> <Form {...form}>
@ -149,7 +150,9 @@ export default function PaymentForm({value, entities, categories, onSubmit, clas
{...field} {...field}
onChange={(e) => { onChange={(e) => {
field.onChange(e); field.onChange(e);
payeeRef && payeeRef.current.focus(); if (e && e.target.value) {
payeeRef && payeeRef.current.focus();
}
}}/> }}/>
</FormControl> </FormControl>
<FormMessage/> <FormMessage/>