From 0e7c86ac2b86f01007df1019d18f5fde10829703 Mon Sep 17 00:00:00 2001
From: James Collins <james.collins@outlook.com.au>
Date: Sat, 20 May 2023 20:46:37 +1000
Subject: [PATCH] fix properties on email inputs

---
 resources/js/components/SMInput.vue       | 11 ++++++++++-
 resources/js/views/ForgotPassword.vue     |  2 +-
 resources/js/views/Login.vue              |  2 +-
 resources/js/views/Register.vue           |  2 +-
 resources/js/views/ResendEmailVerify.vue  |  2 +-
 resources/js/views/dashboard/UserEdit.vue |  2 +-
 6 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/resources/js/components/SMInput.vue b/resources/js/components/SMInput.vue
index 7e26f62..d5756cd 100644
--- a/resources/js/components/SMInput.vue
+++ b/resources/js/components/SMInput.vue
@@ -157,7 +157,16 @@
                         :type="props.type"
                         class="input-control"
                         :disabled="disabled"
-                        v-bind="{ id: id, autofocus: props.autofocus }"
+                        v-bind="{
+                            id: id,
+                            autofocus: props.autofocus,
+                            autocomplete:
+                                props.type === 'email' ? 'email' : null,
+                            spellcheck: props.type === 'email' ? false : null,
+                            autocorrect: props.type === 'email' ? 'on' : null,
+                            autocapitalize:
+                                props.type === 'email' ? 'off' : null,
+                        }"
                         v-model="value"
                         @focus="handleFocus"
                         @blur="handleBlur"
diff --git a/resources/js/views/ForgotPassword.vue b/resources/js/views/ForgotPassword.vue
index 49546de..4867ba2 100644
--- a/resources/js/views/ForgotPassword.vue
+++ b/resources/js/views/ForgotPassword.vue
@@ -8,7 +8,7 @@
                         Enter your email below to receive a password reset link.
                     </p>
                     <SMForm v-model="form" @submit="handleSubmit">
-                        <SMInput control="email" />
+                        <SMInput control="email" type="email" autofocus />
                         <SMButtonRow>
                             <template #left>
                                 <div class="small">
diff --git a/resources/js/views/Login.vue b/resources/js/views/Login.vue
index b9b4f49..3635e9d 100644
--- a/resources/js/views/Login.vue
+++ b/resources/js/views/Login.vue
@@ -9,7 +9,7 @@
                     </p>
                 </template>
                 <template #body>
-                    <SMInput control="email" autofocus> </SMInput>
+                    <SMInput control="email" autofocus type="email"> </SMInput>
                     <SMInput control="password" type="password">
                         <router-link to="/forgot-password"
                             >Forgot password?</router-link
diff --git a/resources/js/views/Register.vue b/resources/js/views/Register.vue
index c86a8ad..280bf9f 100644
--- a/resources/js/views/Register.vue
+++ b/resources/js/views/Register.vue
@@ -11,7 +11,7 @@
                 </template>
                 <template #body>
                     <SMFormError v-model="form" />
-                    <SMInput control="email" autofocus />
+                    <SMInput control="email" autofocus type="email" />
                     <SMInput control="password" type="password" />
                     <SMInput control="display_name" label="Display Name" />
                 </template>
diff --git a/resources/js/views/ResendEmailVerify.vue b/resources/js/views/ResendEmailVerify.vue
index 6c86c06..abcb9db 100644
--- a/resources/js/views/ResendEmailVerify.vue
+++ b/resources/js/views/ResendEmailVerify.vue
@@ -11,7 +11,7 @@
                         </p>
                     </template>
                     <template #body>
-                        <SMInput control="email" />
+                        <SMInput control="email" type="email" />
                     </template>
                     <template #footer>
                         <SMButtonRow>
diff --git a/resources/js/views/dashboard/UserEdit.vue b/resources/js/views/dashboard/UserEdit.vue
index 92ac0bc..99e52cd 100644
--- a/resources/js/views/dashboard/UserEdit.vue
+++ b/resources/js/views/dashboard/UserEdit.vue
@@ -23,7 +23,7 @@
                 <SMColumn><SMInput control="last_name" /></SMColumn>
             </SMRow>
             <SMRow>
-                <SMColumn><SMInput control="email" /></SMColumn>
+                <SMColumn><SMInput control="email" type="email" /></SMColumn>
                 <SMColumn
                     ><SMInput control="phone"
                         ><template #help