Registration/Login: improve text inputs on mobile

This commit is contained in:
Alex Gleason 2021-11-04 00:36:34 -05:00
parent 7b7cfdd4be
commit a9a3f09068
No known key found for this signature in database
GPG Key ID: 7211D1F99744FBB7
3 changed files with 14 additions and 1 deletions

View File

@ -107,6 +107,8 @@ export const NativeCaptchaField = ({ captcha, onChange, onClick, name, value })
name={name} name={name}
value={value} value={value}
autoComplete='off' autoComplete='off'
autoCorrect='off'
autoCapitalize='off'
onChange={onChange} onChange={onChange}
required required
/> />

View File

@ -40,6 +40,8 @@ class LoginForm extends ImmutablePureComponent {
type='text' type='text'
name='username' name='username'
autoComplete='off' autoComplete='off'
autoCorrect='off'
autoCapitalize='off'
required required
/> />
</div> </div>
@ -51,6 +53,8 @@ class LoginForm extends ImmutablePureComponent {
type='password' type='password'
name='password' name='password'
autoComplete='off' autoComplete='off'
autoCorrect='off'
autoCapitalize='off'
required required
/> />
</div> </div>

View File

@ -172,6 +172,8 @@ class RegistrationForm extends ImmutablePureComponent {
name='username' name='username'
hint={intl.formatMessage(messages.username_hint)} hint={intl.formatMessage(messages.username_hint)}
autoComplete='off' autoComplete='off'
autoCorrect='off'
autoCapitalize='off'
pattern='^[a-zA-Z\d_-]+' pattern='^[a-zA-Z\d_-]+'
onChange={this.onInputChange} onChange={this.onInputChange}
required required
@ -181,6 +183,8 @@ class RegistrationForm extends ImmutablePureComponent {
name='email' name='email'
type='email' type='email'
autoComplete='off' autoComplete='off'
autoCorrect='off'
autoCapitalize='off'
onChange={this.onInputChange} onChange={this.onInputChange}
required required
/> />
@ -189,6 +193,8 @@ class RegistrationForm extends ImmutablePureComponent {
name='password' name='password'
type='password' type='password'
autoComplete='off' autoComplete='off'
autoCorrect='off'
autoCapitalize='off'
onChange={this.onInputChange} onChange={this.onInputChange}
required required
/> />
@ -197,6 +203,8 @@ class RegistrationForm extends ImmutablePureComponent {
name='confirm' name='confirm'
type='password' type='password'
autoComplete='off' autoComplete='off'
autoCorrect='off'
autoCapitalize='off'
onChange={this.onInputChange} onChange={this.onInputChange}
required required
/> />
@ -206,7 +214,6 @@ class RegistrationForm extends ImmutablePureComponent {
hint={<FormattedMessage id='registration.reason_hint' defaultMessage='This will help us review your application' />} hint={<FormattedMessage id='registration.reason_hint' defaultMessage='This will help us review your application' />}
name='reason' name='reason'
maxLength={500} maxLength={500}
autoComplete='off'
onChange={this.onInputChange} onChange={this.onInputChange}
required required
/>} />}