PLT-486: Remove spell check feature from input boxes during signup flow

Add spellcheck="false" attribute to login and signup form inputs

14 files changed, 19 insertions, 0 deletions

diff --git a/web/react/components/find_team.jsx b/web/react/components/find_team.jsx
index 59c4e08e3..9e3e3a683 100644
--- a/web/react/components/find_team.jsx
+++ b/web/react/components/find_team.jsx
@@ -70,6 +70,7 @@ export default class FindTeam extends React.Component {
                                 className='form-control'
                                 placeholder='you@domain.com'
                                 maxLength='128'
+                                spellCheck='false'
                             />
                             {emailError}
                         </div>
diff --git a/web/react/components/invite_member_modal.jsx b/web/react/components/invite_member_modal.jsx
index 2ca39d1b1..c2f2c15ac 100644
--- a/web/react/components/invite_member_modal.jsx
+++ b/web/react/components/invite_member_modal.jsx
@@ -211,6 +211,7 @@ export default class InviteMemberModal extends React.Component {
                                             placeholder='First name'
                                             maxLength='64'
                                             disabled={!this.state.emailEnabled}
+                                            spellCheck='false'
                                         />
                                         {firstNameError}
                                     </div>
@@ -224,6 +225,7 @@ export default class InviteMemberModal extends React.Component {
                                             placeholder='Last name'
                                             maxLength='64'
                                             disabled={!this.state.emailEnabled}
+                                            spellCheck='false'
                                         />
                                         {lastNameError}
                                     </div>
@@ -242,6 +244,7 @@ export default class InviteMemberModal extends React.Component {
                             placeholder='email@domain.com'
                             maxLength='64'
                             disabled={!this.state.emailEnabled}
+                            spellCheck='false'
                         />
                         {emailError}
                     </div>
diff --git a/web/react/components/login.jsx b/web/react/components/login.jsx
index 997abce68..f81822e1e 100644
--- a/web/react/components/login.jsx
+++ b/web/react/components/login.jsx
@@ -136,6 +136,7 @@ export default class Login extends React.Component {
                             defaultValue={priorEmail}
                             ref='email'
                             placeholder='Email'
+                            spellCheck='false'
                         />
                     </div>
                     <div className={'form-group' + errorClass}>
@@ -146,6 +147,7 @@ export default class Login extends React.Component {
                             name='password'
                             ref='password'
                             placeholder='Password'
+                            spellCheck='false'
                         />
                     </div>
                     <div className='form-group'>
diff --git a/web/react/components/password_reset_form.jsx b/web/react/components/password_reset_form.jsx
index 0ef187114..6112adbaf 100644
--- a/web/react/components/password_reset_form.jsx
+++ b/web/react/components/password_reset_form.jsx
@@ -69,6 +69,7 @@ export default class PasswordResetForm extends React.Component {
                                 name='password'
                                 ref='password'
                                 placeholder='Password'
+                                spellCheck='false'
                             />
                         </div>
                         {error}
diff --git a/web/react/components/password_reset_send_link.jsx b/web/react/components/password_reset_send_link.jsx
index 78fbcaa2f..f547499b0 100644
--- a/web/react/components/password_reset_send_link.jsx
+++ b/web/react/components/password_reset_send_link.jsx
@@ -73,6 +73,7 @@ export default class PasswordResetSendLink extends React.Component {
                                 name='email'
                                 ref='email'
                                 placeholder='Email'
+                                spellCheck='false'
                             />
                         </div>
                         {error}
diff --git a/web/react/components/signup_user_complete.jsx b/web/react/components/signup_user_complete.jsx
index 8a3af707f..4f48f3dee 100644
--- a/web/react/components/signup_user_complete.jsx
+++ b/web/react/components/signup_user_complete.jsx
@@ -169,6 +169,7 @@ export default class SignupUserComplete extends React.Component {
                         placeholder=''
                         maxLength='128'
                         autoFocus={true}
+                        spellCheck='false'
                     />
                     {emailError}
                 </div>
@@ -204,6 +205,7 @@ export default class SignupUserComplete extends React.Component {
                                     className='form-control'
                                     placeholder=''
                                     maxLength='128'
+                                    spellCheck='false'
                                 />
                                 {nameError}
                                 <p className='form__hint'>Username must begin with a letter, and contain between 3 to 15 lowercase characters made up of numbers, letters, and the symbols '.', '-' and '_'</p>
@@ -218,6 +220,7 @@ export default class SignupUserComplete extends React.Component {
                                 className='form-control'
                                 placeholder=''
                                 maxLength='128'
+                                spellCheck='false'
                             />
                             {passwordError}
                         </div>
diff --git a/web/react/components/team_signup_display_name_page.jsx b/web/react/components/team_signup_display_name_page.jsx
index 65da4bc96..c91ed0811 100644
--- a/web/react/components/team_signup_display_name_page.jsx
+++ b/web/react/components/team_signup_display_name_page.jsx
@@ -66,6 +66,7 @@ export default class TeamSignupDisplayNamePage extends React.Component {
                                     defaultValue={this.props.state.team.display_name}
                                     autoFocus={true}
                                     onFocus={this.handleFocus}
+                                    spellCheck='false'
                                 />
                             </div>
                         </div>
diff --git a/web/react/components/team_signup_email_item.jsx b/web/react/components/team_signup_email_item.jsx
index 219f14eef..7253e80e9 100644
--- a/web/react/components/team_signup_email_item.jsx
+++ b/web/react/components/team_signup_email_item.jsx
@@ -51,6 +51,7 @@ export default class TeamSignupEmailItem extends React.Component {
                     placeholder='Email Address'
                     defaultValue={this.props.email}
                     maxLength='128'
+                    spellCheck='false'
                 />
                 {emailError}
             </div>
diff --git a/web/react/components/team_signup_password_page.jsx b/web/react/components/team_signup_password_page.jsx
index dce8105ca..01f961332 100644
--- a/web/react/components/team_signup_password_page.jsx
+++ b/web/react/components/team_signup_password_page.jsx
@@ -109,6 +109,7 @@ export default class TeamSignupPasswordPage extends React.Component {
                                         className='form-control'
                                         placeholder=''
                                         maxLength='128'
+                                        spellCheck='false'
                                     />
                                     <div className='color--light form__hint'>Passwords must contain 5 to 50 characters. Your password will be strongest if it contains a mix of symbols, numbers, and upper and lowercase characters.</div>
                                 </div>
diff --git a/web/react/components/team_signup_url_page.jsx b/web/react/components/team_signup_url_page.jsx
index 398a52f7d..3fb0aaa27 100644
--- a/web/react/components/team_signup_url_page.jsx
+++ b/web/react/components/team_signup_url_page.jsx
@@ -111,6 +111,7 @@ export default class TeamSignupUrlPage extends React.Component {
                                         defaultValue={this.props.state.team.name}
                                         autoFocus={true}
                                         onFocus={this.handleFocus}
+                                        spellCheck='false'
                                     />
                                 </div>
                             </div>
diff --git a/web/react/components/team_signup_username_page.jsx b/web/react/components/team_signup_username_page.jsx
index 53a389c4c..85e611481 100644
--- a/web/react/components/team_signup_username_page.jsx
+++ b/web/react/components/team_signup_username_page.jsx
@@ -68,6 +68,7 @@ export default class TeamSignupUsernamePage extends React.Component {
                                         placeholder=''
                                         defaultValue={this.props.state.user.username}
                                         maxLength='128'
+                                        spellCheck='false'
                                     />
                                     <div className='color--light form__hint'>Usernames must begin with a letter and contain 3 to 15 characters made up of lowercase letters, numbers, and the symbols '.', '-' and '_'</div>
                                 </div>
diff --git a/web/react/components/team_signup_welcome_page.jsx b/web/react/components/team_signup_welcome_page.jsx
index 78a41eed5..2d7ef081f 100644
--- a/web/react/components/team_signup_welcome_page.jsx
+++ b/web/react/components/team_signup_welcome_page.jsx
@@ -145,6 +145,7 @@ export default class TeamSignupWelcomePage extends React.Component {
                                     className='form-control'
                                     placeholder='Email Address'
                                     maxLength='128'
+                                    spellCheck='false'
                                 />
                             </div>
                         </div>
diff --git a/web/react/components/team_signup_with_email.jsx b/web/react/components/team_signup_with_email.jsx
index 9376a4564..ba32a9f97 100644
--- a/web/react/components/team_signup_with_email.jsx
+++ b/web/react/components/team_signup_with_email.jsx
@@ -63,6 +63,7 @@ export default class EmailSignUpPage extends React.Component {
                         className='form-control'
                         placeholder='Email Address'
                         maxLength='128'
+                        spellCheck='false'
                     />
                 </div>
                 <div className='form-group'>
diff --git a/web/react/components/team_signup_with_sso.jsx b/web/react/components/team_signup_with_sso.jsx
index 011bfebff..6ccf762c1 100644
--- a/web/react/components/team_signup_with_sso.jsx
+++ b/web/react/components/team_signup_with_sso.jsx
@@ -104,6 +104,7 @@ export default class SSOSignUpPage extends React.Component {
                         placeholder='Enter name of new team'
                         maxLength='128'
                         onChange={this.nameChange}
+                        spellCheck='false'
                     />
                     {nameError}
                 </div>