Merge pull request #2142 from seanmonstar/2116-email-spellcheck

add spellcheck="false" to email fields

Tested in Safari, Chrome on OSX, Safari on iOS5.

front and backend unit tests pass.

r+

close #2116

resources/static/dialog/views/add_email.ejs

@@ -7,7 +7,7 @@
       <ul class="inputs">
           <li>
               <label for="newEmail"><%= gettext('Add another email address to your Persona password.') %></label>
-              <input id="newEmail" name="newEmail" type="email" autocapitalize="off" autocorrect="off" maxlength="254" <% if (typeof email !== "undefined") { %> value="<%= email %>" <% } %> placeholder="<%= gettext("email address") %>"/>
+              <input id="newEmail" name="newEmail" type="email" autocapitalize="off" autocorrect="off" spellcheck="false" maxlength="254" <% if (typeof email !== "undefined") { %> value="<%= email %>" <% } %> placeholder="<%= gettext("email address") %>"/>
 
               <div id="email_format" class="tooltip" for="newEmail">
                 <%= gettext('This field must be an email address.') %>

resources/static/dialog/views/authenticate.ejs

@@ -12,7 +12,7 @@
 
           <li>
               <label for="email"><%= gettext('To sign in with Persona, please enter your email address.') %></label>
-              <input id="email" type="email" autocapitalize="off" autocorrect="off" value="<%= email %>" maxlength="254" placeholder="<%= gettext('enter email address') %>"/>
+              <input id="email" type="email" autocapitalize="off" autocorrect="off" spellcheck="false" value="<%= email %>" maxlength="254" placeholder="<%= gettext('enter email address') %>"/>
 
               <div id="email_format" class="tooltip" for="email">
                 <%= gettext('This field must be an email address.') %>

resources/views/forgot.ejs

@@ -24,7 +24,7 @@
             <ul class="inputs forminputs">
                 <li>
                     <label for="email"><%- gettext('Email Address') %></label>
-                    <input id="email" autofocus required placeholder="<%- gettext('Your Email') %>" type="email" autocapitalize="off" autocorrect="off" maxlength="254" />
+                    <input id="email" autofocus required placeholder="<%- gettext('Your Email') %>" type="email" autocapitalize="off" autocorrect="off" spellcheck="false" maxlength="254" />
 
                     <div id="email_format" class="tooltip" for="email">
                       <%- gettext('This field must be an email address.') %>

resources/views/signin.ejs

@@ -19,7 +19,7 @@
             <ul class="inputs">
                 <li>
                     <label for="email"><%- gettext('Email Address') %></label>
-                    <input id="email" autofocus placeholder="<%- gettext('Your Email') %>" type="email" autocapitalize="off" autocorrect="off" tabindex="1" maxlength="254" />
+                    <input id="email" autofocus placeholder="<%- gettext('Your Email') %>" type="email" autocapitalize="off" autocorrect="off" spellcheck="false" tabindex="1" maxlength="254" />
 
                     <div id="email_format" class="tooltip" for="email">
                       <%- gettext('This field must be an email address.') %>

resources/views/signup.ejs

@@ -31,7 +31,7 @@
             <ul class="inputs forminputs">
                 <li>
                     <label for="email"><%- gettext('Email Address') %></label>
-                    <input id="email" autofocus placeholder="<%- gettext('Your Email') %>" type="email" autocapitalize="off" autocorrect="off" maxlength="254" />
+                    <input id="email" autofocus placeholder="<%- gettext('Your Email') %>" type="email" autocapitalize="off" autocorrect="off" spellcheck="false" maxlength="254" />
 
                     <div id="email_format" class="tooltip" for="email">
                       <%- gettext('This field must be an email address.') %>