feat: automatically focus username field on login page

filebrowser · May 3, 2022 · 596c732 · 596c732
1 parent e5fa96b
commit 596c732
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/frontend/src/views/Login.vue b/frontend/src/views/Login.vue
@@ -9,6 +9,7 @@
         class="input input--block"
         type="text"
         autocapitalize="off"
+        ref="username"
         v-model="username"
         :placeholder="$t('login.username')"
       />
@@ -70,6 +71,8 @@ export default {
     };
   },
   mounted() {
+    this.focusUsername();
+
     if (!recaptcha) return;
 
     window.grecaptcha.ready(function () {
@@ -79,6 +82,9 @@ export default {
     });
   },
   methods: {
+    focusUsername() {
+      this.$refs.username.focus();
+    },
     toggleMode() {
       this.createMode = !this.createMode;
     },