Improve mobile web login experience: Update LoginForm.tsx (#36172)

I don't know if this works (didn't check the component interface to see
what props it takes, so will leave that to up to the reviewer of this PR
to edit and complete, if you please wouldn't mind. Also if you're aware
of other areas we can make this improvement to the email field, such as
signup and in the password recovery flow, then would you please make
those changes?)

Goal: I'm trying to improve the mobile web experience and get handset
devices like iPhones to open the email keyboard and _not_ capitalize the
first letter you type when logging in.

To do that, we need the generated HTML to use `type="email"`. For
example, to look like this:
78ee32fd58/website/views/pages/entrance/login.ejs (L19)


- [x] QA'd all new/changed functionality manually

---------

Co-authored-by: Jacob Shandling <jacob@shandling.dev>
This commit is contained in:
Mike McNeil 2025-11-24 11:47:57 -08:00 committed by GitHub
parent 89a149dcf1
commit d61abaee7a
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -155,12 +155,13 @@ const LoginForm = ({
}
return (
<form onSubmit={onFormSubmit} className={loginFormClass}>
<form onSubmit={onFormSubmit} className={loginFormClass} noValidate>
{baseError && <div className="form__base-error">{baseError}</div>}
<div className={`${baseClass}__form`}>
<InputFieldWithIcon
error={errors.email}
autofocus
type="email"
label="Email"
placeholder="Email"
value={formData.email}