@@ -14,7 +14,6 @@ import styles from './login.module.scss'
 import ClosedEyeSvg from '#/assets/svg/closed-eye.svg?react'
 import OpenedEyeSvg from '#/assets/svg/opened-eye.svg?react'
 import { PasswordOptions } from '#/features/register-by-email/lib/constants'
-import { IEmailForms } from '#/features/register-by-email/model/types'
 import { YandexAuthButton } from '#/features/yandex-auth-button'
 import { NextPageWithLayout } from '#/pages/_app'
 import { ERROR_MAPPING, ERRROR_YANDEX_TRANSLATE_MAPPING } from '#/pages/api/auth/constants'
@@ -23,6 +22,11 @@ import { getDeviceType } from '#/shared/lib/helpers'
 import { useShowDataStore } from '#/shared/lib/hooks/use-show-data'
 import { InputStyleDark, InputStyleLight } from '#/shared/ui/input'
 
+type LoginFormValues = {
+	email: string
+	password: string
+}
+
 const Login: NextPageWithLayout = () => {
 	const device = getDeviceType()
 
@@ -42,7 +46,47 @@ const Login: NextPageWithLayout = () => {
 
 	const desktop = device === 'desktop'
 
-	const { register, handleSubmit } = useForm()
+	const { register, handleSubmit, setValue, trigger } = useForm<LoginFormValues>()
+
+	const emailInputRef = React.useRef<HTMLInputElement | null>(null)
+	const passwordInputRef = React.useRef<HTMLInputElement | null>(null)
+
+	const {
+		ref: emailRef,
+		onChange: emailOnChange,
+		...emailField
+	} = register('email', emailOptions as any)
+
+	const {
+		ref: passwordRef,
+		onChange: passwordOnChange,
+		...passwordField
+	} = register('password', {
+		...PasswordOptions,
+	} as any)
+
+	const mergeRefs =
+		<T,>(...refs: Array<React.Ref<T> | undefined>) =>
+		(value: T) => {
+			refs.forEach((ref) => {
+				if (!ref) return
+				if (typeof ref === 'function') ref(value)
+				else (ref as React.MutableRefObject<T>).current = value
+			})
+		}
+
+	useEffect(() => {
+		const t = window.setTimeout(() => {
+			const email = emailInputRef.current?.value ?? ''
+			const password = passwordInputRef.current?.value ?? ''
+
+			if (email) setValue('email', email, { shouldDirty: true, shouldValidate: true })
+			if (password) setValue('password', password, { shouldDirty: true, shouldValidate: true })
+			if (email || password) trigger()
+		}, 200)
+
+		return () => window.clearTimeout(t)
+	}, [setValue, trigger])
 
 	useEffect(() => {
 		const params = new URL(window.location.href).searchParams
@@ -75,7 +119,7 @@ const Login: NextPageWithLayout = () => {
 		}
 	}
 
-	const checkError: SubmitErrorHandler<IEmailForms> = (data) => {
+	const checkError: SubmitErrorHandler<LoginFormValues> = (data) => {
 		showMessage(Object.values(data)[0].message || 'Неверные данные')
 	}
 
@@ -85,10 +129,6 @@ const Login: NextPageWithLayout = () => {
 		}
 	}
 
-	const handleInputChangeTrim = (event: any) => {
-		event.target.value = event.target.value.trim()
-	}
-
 	return (
 		<>
 			<Stack
@@ -172,8 +212,12 @@ const Login: NextPageWithLayout = () => {
 								<TextField
 									fullWidth
 									sx={{ ...InputStyleDark }}
-									{...register('email', emailOptions)}
-									onChange={handleInputChangeTrim}
+									{...emailField}
+									inputRef={mergeRefs(emailRef, emailInputRef)}
+									onChange={(event) => {
+										event.target.value = event.target.value.trim()
+										emailOnChange(event)
+									}}
 								/>
 
 								<Box
@@ -253,9 +297,11 @@ const Login: NextPageWithLayout = () => {
 										),
 									}}
 									sx={{ ...InputStyleDark }}
-									{...register('password', {
-										...PasswordOptions,
-									})}
+									{...passwordField}
+									inputRef={mergeRefs(passwordRef, passwordInputRef)}
+									onChange={(event) => {
+										passwordOnChange(event)
+									}}
 								/>
 								<Box sx={{ height: '50px', width: '100%' }}>
 									{!loading ? (