Autocomplete tel fields (#1808)

cds-snc · Apr 18, 2024 · 5733ebb · 5733ebb
1 parent 9df80d4
commit 5733ebb
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 5 deletions.
diff --git a/app/templates/views/register-from-invite.html b/app/templates/views/register-from-invite.html
@@ -21,7 +21,7 @@ <h1 class="heading-large">{{ _('Create an account') }}</h1>
       {% if invited_user.auth_type == 'sms_auth' %}
         {% set txt = _('We’ll send you a security code by text message') %}
         <div class="extra-tracking">
-          {{ textbox(form.mobile_number, width='w-full md:w-3/4', hint=txt) }}
+          {{ textbox(form.mobile_number, width='w-full md:w-3/4', hint=txt, autocomplete='tel') }}
         </div>
       {% endif %}
       {% set txt = _('Must be at least 8 characters and hard to guess') %}

diff --git a/app/templates/views/register-from-org-invite.html b/app/templates/views/register-from-org-invite.html
@@ -14,10 +14,10 @@
     <h1 class="heading-large">{{ _('Create an account') }}</h1>
     <p>{{ _('Your account will be created with this email:') }}{{invited_org_user.email_address}}</p>
     {% call form_wrapper() %}
-      {{ textbox(form.name, width='w-full md:w-3/4') }}
+      {{ textbox(form.name, width='w-full md:w-3/4', autocomplete='name') }}
       <div class="extra-tracking">
         {% set txt = _('We’ll send you a security code by text message') %}
-        {{ textbox(form.mobile_number, width='w-full md:w-3/4', hint=txt) }}
+        {{ textbox(form.mobile_number, width='w-full md:w-3/4', hint=txt, autocomplete='tel') }}
       </div>
       {% set txt = _('Must be at least 8 characters and hard to guess') %}
       {{ textbox(form.password, hint=txt, width='w-full md:w-3/4', autocomplete='new-password') }}

diff --git a/app/templates/views/register.html b/app/templates/views/register.html
@@ -18,7 +18,7 @@ <h1 class="heading-large">{{ _('Create an account') }}</h1>
       {{ textbox(form.email_address, hint=hint_txt, width='w-full md:w-3/4', safe_error_message=True, autocomplete='email') }}
       <div class="extra-tracking">
         {% set hint_txt = _('We’ll send you a security code by text message') %}
-        {{ textbox(form.mobile_number, width='w-full md:w-3/4', hint=hint_txt) }}
+        {{ textbox(form.mobile_number, width='w-full md:w-3/4', hint=hint_txt, autocomplete='tel') }}
       </div>
       <input class="visually-hidden" aria-hidden="true" tabindex="-1" id="defeat-chrome-autocomplete">
       {% set txt = _('Must be at least 8 characters and hard to guess') %}

diff --git a/app/templates/views/text-not-received.html b/app/templates/views/text-not-received.html
@@ -16,7 +16,7 @@ <h1 class="heading-large">{{ _('Check your mobile number') }}</h1>
     <p class="phone-confirm">{{ _('Check that your mobile phone number is correct and then re-send the security code.') }}</p>
     {% set txt = _('Re-send security code') %}
       {% call form_wrapper() %}
-        {{ textbox(form.mobile_number) }}
+        {{ textbox(form.mobile_number, autocomplete='tel') }}
         {{ page_footer(txt) }}
       {% endcall %}
   </div>