diff --git a/packages/connect-react/src/components/login/LoginInitScreen.tsx b/packages/connect-react/src/components/login/LoginInitScreen.tsx index 2940cb39c..9eb3de834 100644 --- a/packages/connect-react/src/components/login/LoginInitScreen.tsx +++ b/packages/connect-react/src/components/login/LoginInitScreen.tsx @@ -167,15 +167,16 @@ const LoginInitScreen: FC = ({ showFallback = false }) => { }; const handleSubmit = useCallback(async () => { - if (identifier === '') { + const trimmedIdentifier = identifier.trim(); + if (trimmedIdentifier === '') { return setError('Enter your email address.'); } setIdentifierBasedLoading(true); - setCurrentIdentifier(identifier); + setCurrentIdentifier(trimmedIdentifier); config.onLoginStart?.(); - const resStart = await getConnectService().loginStart(identifier, PasskeyLoginSource.TextField, loadedMs); + const resStart = await getConnectService().loginStart(trimmedIdentifier, PasskeyLoginSource.TextField, loadedMs); if (resStart.err) { if (resStart.val instanceof ConnectUserNotFound) { return handleSituation(LoginSituationCode.UserNotFound); diff --git a/packages/connect-react/src/components/login/LoginPasskeyReLoginScreen.tsx b/packages/connect-react/src/components/login/LoginPasskeyReLoginScreen.tsx index 8631e9220..18ce79d02 100644 --- a/packages/connect-react/src/components/login/LoginPasskeyReLoginScreen.tsx +++ b/packages/connect-react/src/components/login/LoginPasskeyReLoginScreen.tsx @@ -24,9 +24,11 @@ export const LoginPasskeyReLoginScreen = () => { }, [getConnectService]); const handleSubmit = async () => { + const trimmedIdentifier = currentIdentifier.trim(); + setLoading(true); config.onLoginStart?.(); - const resStart = await getConnectService().loginStart(currentIdentifier, PasskeyLoginSource.OneTap, loadedMs); + const resStart = await getConnectService().loginStart(trimmedIdentifier, PasskeyLoginSource.OneTap, loadedMs); if (resStart.err) { return handleSituation(LoginSituationCode.CboApiNotAvailablePreAuthenticator); }