From 510fc33fd94d6a5059083e027faebf1a5ecf2ffa Mon Sep 17 00:00:00 2001
From: David Lu <david.lu@hotmail.com>
Date: Wed, 25 May 2016 16:15:49 -0400
Subject: PLT-3002 Removed Auto-capitalization on Mobile Devices (#3099)

* Added autoCapitalize='off'

* Changed inputs to email

* Removed autocapitalize for email
---
 webapp/components/login/login.jsx                         | 1 +
 webapp/components/signup_user_complete.jsx                | 3 +++
 webapp/components/user_settings/user_settings_general.jsx | 6 ++++--
 3 files changed, 8 insertions(+), 2 deletions(-)

(limited to 'webapp')

diff --git a/webapp/components/login/login.jsx b/webapp/components/login/login.jsx
index aeadec910..f39e99951 100644
--- a/webapp/components/login/login.jsx
+++ b/webapp/components/login/login.jsx
@@ -259,6 +259,7 @@ export default class Login extends React.Component {
                                 onChange={this.handleLoginIdChange}
                                 placeholder={this.createLoginPlaceholder(emailSigninEnabled, usernameSigninEnabled, ldapEnabled)}
                                 spellCheck='false'
+                                autoCapitalize='off'
                             />
                         </div>
                         <div className={'form-group' + errorClass}>
diff --git a/webapp/components/signup_user_complete.jsx b/webapp/components/signup_user_complete.jsx
index 03697fad8..682d300cf 100644
--- a/webapp/components/signup_user_complete.jsx
+++ b/webapp/components/signup_user_complete.jsx
@@ -373,6 +373,7 @@ export default class SignupUserComplete extends React.Component {
                             onChange={this.handleLdapIdChange}
                             placeholder={ldapIdPlaceholder}
                             spellCheck='false'
+                            autoCapitalize='off'
                         />
                     </div>
                     <div className={'form-group' + errorClass}>
@@ -513,6 +514,7 @@ export default class SignupUserComplete extends React.Component {
                         maxLength='128'
                         autoFocus={true}
                         spellCheck='false'
+                        autoCapitalize='off'
                     />
                     {emailError}
                     {emailHelpText}
@@ -596,6 +598,7 @@ export default class SignupUserComplete extends React.Component {
                                     placeholder=''
                                     maxLength={Constants.MAX_USERNAME_LENGTH}
                                     spellCheck='false'
+                                    autoCapitalize='off'
                                 />
                                 {nameError}
                                 {nameHelpText}
diff --git a/webapp/components/user_settings/user_settings_general.jsx b/webapp/components/user_settings/user_settings_general.jsx
index 8e4954e5a..6149b1630 100644
--- a/webapp/components/user_settings/user_settings_general.jsx
+++ b/webapp/components/user_settings/user_settings_general.jsx
@@ -342,7 +342,7 @@ class UserSettingsGeneralTab extends React.Component {
                             <div className='col-sm-7'>
                                 <input
                                     className='form-control'
-                                    type='text'
+                                    type='email'
                                     onChange={this.updateEmail}
                                     value={this.state.email}
                                 />
@@ -363,7 +363,7 @@ class UserSettingsGeneralTab extends React.Component {
                             <div className='col-sm-7'>
                                 <input
                                     className='form-control'
-                                    type='text'
+                                    type='email'
                                     onChange={this.updateConfirmEmail}
                                     value={this.state.confirmEmail}
                                 />
@@ -681,6 +681,7 @@ class UserSettingsGeneralTab extends React.Component {
                                 type='text'
                                 onChange={this.updateNickname}
                                 value={this.state.nickname}
+                                autoCapitalize='off'
                             />
                         </div>
                     </div>
@@ -764,6 +765,7 @@ class UserSettingsGeneralTab extends React.Component {
                                 type='text'
                                 onChange={this.updateUsername}
                                 value={this.state.username}
+                                autoCapitalize='off'
                             />
                         </div>
                     </div>
-- 
cgit v1.2.3-1-g7c22