From a9a3f09068db89596da5b30d28f7bf0a2ae505c1 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Thu, 4 Nov 2021 00:36:34 -0500
Subject: [PATCH] Registration/Login: improve text inputs on mobile

---
 app/soapbox/features/auth_login/components/captcha.js    | 2 ++
 app/soapbox/features/auth_login/components/login_form.js | 4 ++++
 .../features/auth_login/components/registration_form.js  | 9 ++++++++-
 3 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/app/soapbox/features/auth_login/components/captcha.js b/app/soapbox/features/auth_login/components/captcha.js
index 712563e35..e393c3e92 100644
--- a/app/soapbox/features/auth_login/components/captcha.js
+++ b/app/soapbox/features/auth_login/components/captcha.js
@@ -107,6 +107,8 @@ export const NativeCaptchaField = ({ captcha, onChange, onClick, name, value })
       name={name}
       value={value}
       autoComplete='off'
+      autoCorrect='off'
+      autoCapitalize='off'
       onChange={onChange}
       required
     />
diff --git a/app/soapbox/features/auth_login/components/login_form.js b/app/soapbox/features/auth_login/components/login_form.js
index 1465cd687..842e38832 100644
--- a/app/soapbox/features/auth_login/components/login_form.js
+++ b/app/soapbox/features/auth_login/components/login_form.js
@@ -40,6 +40,8 @@ class LoginForm extends ImmutablePureComponent {
                 type='text'
                 name='username'
                 autoComplete='off'
+                autoCorrect='off'
+                autoCapitalize='off'
                 required
               />
             </div>
@@ -51,6 +53,8 @@ class LoginForm extends ImmutablePureComponent {
                 type='password'
                 name='password'
                 autoComplete='off'
+                autoCorrect='off'
+                autoCapitalize='off'
                 required
               />
             </div>
diff --git a/app/soapbox/features/auth_login/components/registration_form.js b/app/soapbox/features/auth_login/components/registration_form.js
index 3ea8f6d62..f8da31be1 100644
--- a/app/soapbox/features/auth_login/components/registration_form.js
+++ b/app/soapbox/features/auth_login/components/registration_form.js
@@ -172,6 +172,8 @@ class RegistrationForm extends ImmutablePureComponent {
                 name='username'
                 hint={intl.formatMessage(messages.username_hint)}
                 autoComplete='off'
+                autoCorrect='off'
+                autoCapitalize='off'
                 pattern='^[a-zA-Z\d_-]+'
                 onChange={this.onInputChange}
                 required
@@ -181,6 +183,8 @@ class RegistrationForm extends ImmutablePureComponent {
                 name='email'
                 type='email'
                 autoComplete='off'
+                autoCorrect='off'
+                autoCapitalize='off'
                 onChange={this.onInputChange}
                 required
               />
@@ -189,6 +193,8 @@ class RegistrationForm extends ImmutablePureComponent {
                 name='password'
                 type='password'
                 autoComplete='off'
+                autoCorrect='off'
+                autoCapitalize='off'
                 onChange={this.onInputChange}
                 required
               />
@@ -197,6 +203,8 @@ class RegistrationForm extends ImmutablePureComponent {
                 name='confirm'
                 type='password'
                 autoComplete='off'
+                autoCorrect='off'
+                autoCapitalize='off'
                 onChange={this.onInputChange}
                 required
               />
@@ -206,7 +214,6 @@ class RegistrationForm extends ImmutablePureComponent {
                   hint={<FormattedMessage id='registration.reason_hint' defaultMessage='This will help us review your application' />}
                   name='reason'
                   maxLength={500}
-                  autoComplete='off'
                   onChange={this.onInputChange}
                   required
                 />}