Merge pull request #1007 from florianorben/PLT-486

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

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>

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>

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'>

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}

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}

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>

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>

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>

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>

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>

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>

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>

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'>

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>