From 7dd2d3ee825fe8bf03d90c33fae8de1b495faabd Mon Sep 17 00:00:00 2001
From: Kevin Midboe <kevin.midboe@gmail.com>
Date: Sat, 5 Mar 2022 20:36:00 +0100
Subject: [PATCH] Try focus on username input on mount

---
 src/components/Register.vue | 6 ++++++
 src/components/Signin.vue   | 6 ++++++
 2 files changed, 12 insertions(+)

diff --git a/src/components/Register.vue b/src/components/Register.vue
index 424bfc6..b36379e 100644
--- a/src/components/Register.vue
+++ b/src/components/Register.vue
@@ -4,6 +4,7 @@
 
     <div class="form">
       <seasoned-input
+        ref="username"
         placeholder="username"
         icon="Email"
         type="email"
@@ -100,6 +101,11 @@ export default {
           }
         });
     }
+  },
+  mounted() {
+    try {
+      this.$refs.username.$el.getElementsByTagName("input")[0].focus();
+    } catch {}
   }
 };
 </script>
diff --git a/src/components/Signin.vue b/src/components/Signin.vue
index a4e7bc2..54fae0a 100644
--- a/src/components/Signin.vue
+++ b/src/components/Signin.vue
@@ -4,6 +4,7 @@
 
     <div class="form">
       <seasoned-input
+        ref="username"
         placeholder="username"
         icon="Email"
         type="email"
@@ -90,6 +91,11 @@ export default {
   created() {
     document.title = "Sign in" + storage.pageTitlePostfix;
     storage.backTitle = document.title;
+  },
+  mounted() {
+    try {
+      this.$refs.username.$el.getElementsByTagName("input")[0].focus();
+    } catch {}
   }
 };
 </script>