From 34e6292397b52a22c04c89c6318950852ed35515 Mon Sep 17 00:00:00 2001
From: Cyril59310 <70776486+cyril59310@users.noreply.github.com>
Date: Sun, 21 Sep 2025 18:56:09 +0200
Subject: [PATCH] feat(login): Autofocus 2fa (#6128)

Co-authored-by: Frank Elsinga <frank@elsinga.de>
---
 src/components/Login.vue | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/components/Login.vue b/src/components/Login.vue
index 1f8946f17..68befd415 100644
--- a/src/components/Login.vue
+++ b/src/components/Login.vue
@@ -16,7 +16,7 @@
 
                 <div v-if="tokenRequired">
                     <div class="form-floating mt-3">
-                        <input id="otp" v-model="token" type="text" maxlength="6" class="form-control" placeholder="123456" autocomplete="one-time-code" required>
+                        <input id="otp" ref="otpInput" v-model="token" type="text" maxlength="6" class="form-control" placeholder="123456" autocomplete="one-time-code" required>
                         <label for="otp">{{ $t("Token") }}</label>
                     </div>
                 </div>
@@ -55,6 +55,16 @@ export default {
         };
     },
 
+    watch: {
+        tokenRequired(newVal) {
+            if (newVal) {
+                this.$nextTick(() => {
+                    this.$refs.otpInput?.focus();
+                });
+            }
+        }
+    },
+
     mounted() {
         document.title += " - Login";
     },