Fix sign in focus bug
This commit is contained in:
parent
fd0c7205fd
commit
208aa9bcfb
@ -6,7 +6,6 @@ import SubmitButtonWithStatus from '@/components/SubmitButtonWithStatus';
|
|||||||
import {
|
import {
|
||||||
useActionState,
|
useActionState,
|
||||||
useEffect,
|
useEffect,
|
||||||
useLayoutEffect,
|
|
||||||
useRef,
|
useRef,
|
||||||
useState,
|
useState,
|
||||||
} from 'react';
|
} from 'react';
|
||||||
@ -28,8 +27,9 @@ export default function SignInForm() {
|
|||||||
const [response, action] = useActionState(signInAction, undefined);
|
const [response, action] = useActionState(signInAction, undefined);
|
||||||
|
|
||||||
const emailRef = useRef<HTMLInputElement>(null);
|
const emailRef = useRef<HTMLInputElement>(null);
|
||||||
useLayoutEffect(() => {
|
useEffect(() => {
|
||||||
emailRef.current?.focus();
|
const timeout = setTimeout(() => emailRef.current?.focus(), 100);
|
||||||
|
return () => clearTimeout(timeout);
|
||||||
}, []);
|
}, []);
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user