Mirrors/mealie
1
0
Fork 0
mirror of https://github.com/mealie-recipes/mealie.git synced 2025-12-12 21:35:18 -05:00
Code Issues Packages Projects Releases Wiki Activity

fix: improve password manager autofill compatibility on login page (#6662)

Browse Source 
Co-authored-by: Henri Cook <henri.cook@linklaters.com>
Co-authored-by: Michael Genson <71845777+michael-genson@users.noreply.github.com>
This commit is contained in:
Henri Cook
2025-12-07 05:35:16 +00:00
committed by GitHub
parent 0908812b47
commit af56a3e69d
1 changed files with 9 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/pages/login.vue
View File

@@ -60,6 +60,7 @@
<v-form @submit.prevent="authenticate"> <v-form @submit.prevent="authenticate">
<v-text-field <v-text-field
v-if="$appInfo.allowPasswordLogin" v-if="$appInfo.allowPasswordLogin"
id="username"
v-model="form.email" v-model="form.email"
:prepend-inner-icon="$globals.icons.email" :prepend-inner-icon="$globals.icons.email"
variant="solo-filled" variant="solo-filled"
@@ -67,7 +68,7 @@
width="100%" width="100%"
autofocus autofocus
autocomplete="username" autocomplete="username"
name="login" name="username"
:label="$t('user.email-or-username')" :label="$t('user.email-or-username')"
type="text" type="text"
/> />
@@ -375,6 +376,13 @@ export default defineNuxtComponent({
}); });
</script> </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"> <style lang="css">
.max-button { .max-button {
width: 300px; width: 300px;