From af56a3e69d0021082413b8a31c5c2f4d09562273 Mon Sep 17 00:00:00 2001
From: Henri Cook <github@henricook.com>
Date: Sun, 7 Dec 2025 05:35:16 +0000
Subject: [PATCH] fix: improve password manager autofill compatibility on login
 page (#6662)

Co-authored-by: Henri Cook <henri.cook@linklaters.com>
Co-authored-by: Michael Genson <71845777+michael-genson@users.noreply.github.com>
---
 frontend/pages/login.vue | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/frontend/pages/login.vue b/frontend/pages/login.vue
index 09ec5803a..1e9e41777 100644
--- a/frontend/pages/login.vue
+++ b/frontend/pages/login.vue
@@ -60,6 +60,7 @@
         <v-form @submit.prevent="authenticate">
           <v-text-field
             v-if="$appInfo.allowPasswordLogin"
+            id="username"
             v-model="form.email"
             :prepend-inner-icon="$globals.icons.email"
             variant="solo-filled"
@@ -67,7 +68,7 @@
             width="100%"
             autofocus
             autocomplete="username"
-            name="login"
+            name="username"
             :label="$t('user.email-or-username')"
             type="text"
           />
@@ -375,6 +376,13 @@ export default defineNuxtComponent({
 });
 </script>
 
+<style lang="css" scoped>
+/* Fix password manager autofill detection - Vuetify uses opacity:0 during animation */
+:deep(.v-field__input) {
+  opacity: 1 !important;
+}
+</style>
+
 <style lang="css">
 .max-button {
   width: 300px;