fix: use autocomplete for all fields to ensure password manager compatibility (#1239)

Author: lukearmstrong

resources/views/components/confirms-password.blade.php

@@ -24,7 +24,7 @@
         {{ $content }}
 
         <div class="mt-4" x-data="{}" x-on:confirming-password.window="setTimeout(() => $refs.confirmable_password.focus(), 250)">
-            <x-jet-input type="password" class="mt-1 block w-3/4" placeholder="{{ __('Password') }}"
+            <x-jet-input type="password" class="mt-1 block w-3/4" placeholder="{{ __('Password') }}" autocomplete="current-password"
                         x-ref="confirmable_password"
                         wire:model.defer="confirmablePassword"
                         wire:keydown.enter="confirmPassword" />

stubs/inertia/resources/js/Components/ConfirmsPassword.vue

@@ -91,6 +91,7 @@ const closeModal = () => {
                         type="password"
                         class="mt-1 block w-3/4"
                         placeholder="Password"
+                        autocomplete="current-password"
                         @keyup.enter="confirmPassword"
                     />
 

stubs/inertia/resources/js/Pages/Auth/ForgotPassword.vue

@@ -46,6 +46,7 @@ const submit = () => {
                     class="mt-1 block w-full"
                     required
                     autofocus
+                    autocomplete="username"
                 />
                 <InputError class="mt-2" :message="form.errors.email" />
             </div>

stubs/inertia/resources/js/Pages/Auth/Login.vue

@@ -51,6 +51,7 @@ const submit = () => {
                     class="mt-1 block w-full"
                     required
                     autofocus
+                    autocomplete="username"
                 />
                 <InputError class="mt-2" :message="form.errors.email" />
             </div>

stubs/inertia/resources/js/Pages/Auth/Register.vue

@@ -54,6 +54,7 @@ const submit = () => {
                     type="email"
                     class="mt-1 block w-full"
                     required
+                    autocomplete="username"
                 />
                 <InputError class="mt-2" :message="form.errors.email" />
             </div>

stubs/inertia/resources/js/Pages/Auth/ResetPassword.vue

@@ -44,6 +44,7 @@ const submit = () => {
                     class="mt-1 block w-full"
                     required
                     autofocus
+                    autocomplete="username"
                 />
                 <InputError class="mt-2" :message="form.errors.email" />
             </div>

stubs/inertia/resources/js/Pages/Profile/Partials/DeleteUserForm.vue

@@ -74,6 +74,7 @@ const closeModal = () => {
                             type="password"
                             class="mt-1 block w-3/4"
                             placeholder="Password"
+                            autocomplete="current-password"
                             @keyup.enter="deleteUser"
                         />
 

stubs/inertia/resources/js/Pages/Profile/Partials/LogoutOtherBrowserSessionsForm.vue

@@ -113,6 +113,7 @@ const closeModal = () => {
                             type="password"
                             class="mt-1 block w-3/4"
                             placeholder="Password"
+                            autocomplete="current-password"
                             @keyup.enter="logoutOtherBrowserSessions"
                         />
 

stubs/inertia/resources/js/Pages/Profile/Partials/UpdateProfileInformationForm.vue

@@ -148,6 +148,7 @@ const clearPhotoFileInput = () => {
                     v-model="form.email"
                     type="email"
                     class="mt-1 block w-full"
+                    autocomplete="username"
                 />
                 <InputError :message="form.errors.email" class="mt-2" />
 

stubs/livewire/resources/views/auth/forgot-password.blade.php

@@ -21,7 +21,7 @@
 
             <div class="block">
                 <x-jet-label for="email" value="{{ __('Email') }}" />
-                <x-jet-input id="email" class="block mt-1 w-full" type="email" name="email" :value="old('email')" required autofocus />
+                <x-jet-input id="email" class="block mt-1 w-full" type="email" name="email" :value="old('email')" required autofocus autocomplete="username" />
             </div>
 
             <div class="flex items-center justify-end mt-4">

stubs/livewire/resources/views/auth/login.blade.php

@@ -17,7 +17,7 @@
 
             <div>
                 <x-jet-label for="email" value="{{ __('Email') }}" />
-                <x-jet-input id="email" class="block mt-1 w-full" type="email" name="email" :value="old('email')" required autofocus />
+                <x-jet-input id="email" class="block mt-1 w-full" type="email" name="email" :value="old('email')" required autofocus autocomplete="username" />
             </div>
 
             <div class="mt-4">

stubs/livewire/resources/views/auth/register.blade.php

@@ -16,7 +16,7 @@
 
             <div class="mt-4">
                 <x-jet-label for="email" value="{{ __('Email') }}" />
-                <x-jet-input id="email" class="block mt-1 w-full" type="email" name="email" :value="old('email')" required />
+                <x-jet-input id="email" class="block mt-1 w-full" type="email" name="email" :value="old('email')" required autocomplete="username" />
             </div>
 
             <div class="mt-4">

stubs/livewire/resources/views/auth/reset-password.blade.php

@@ -13,7 +13,7 @@
 
             <div class="block">
                 <x-jet-label for="email" value="{{ __('Email') }}" />
-                <x-jet-input id="email" class="block mt-1 w-full" type="email" name="email" :value="old('email', $request->email)" required autofocus />
+                <x-jet-input id="email" class="block mt-1 w-full" type="email" name="email" :value="old('email', $request->email)" required autofocus autocomplete="username" />
             </div>
 
             <div class="mt-4">

stubs/livewire/resources/views/profile/delete-user-form.blade.php

@@ -29,6 +29,7 @@
 
                 <div class="mt-4" x-data="{}" x-on:confirming-delete-user.window="setTimeout(() => $refs.password.focus(), 250)">
                     <x-jet-input type="password" class="mt-1 block w-3/4"
+                                autocomplete="current-password"
                                 placeholder="{{ __('Password') }}"
                                 x-ref="password"
                                 wire:model.defer="password"

stubs/livewire/resources/views/profile/logout-other-browser-sessions-form.blade.php

@@ -72,6 +72,7 @@
 
                 <div class="mt-4" x-data="{}" x-on:confirming-logout-other-browser-sessions.window="setTimeout(() => $refs.password.focus(), 250)">
                     <x-jet-input type="password" class="mt-1 block w-3/4"
+                                autocomplete="current-password"
                                 placeholder="{{ __('Password') }}"
                                 x-ref="password"
                                 wire:model.defer="password"

stubs/livewire/resources/views/profile/update-profile-information-form.blade.php

@@ -62,7 +62,7 @@
         <!-- Email -->
         <div class="col-span-6 sm:col-span-4">
             <x-jet-label for="email" value="{{ __('Email') }}" />
-            <x-jet-input id="email" type="email" class="mt-1 block w-full" wire:model.defer="state.email" />
+            <x-jet-input id="email" type="email" class="mt-1 block w-full" wire:model.defer="state.email" autocomplete="username" />
             <x-jet-input-error for="email" class="mt-2" />
 
             @if (Laravel\Fortify\Features::enabled(Laravel\Fortify\Features::emailVerification()) && ! $this->user->hasVerifiedEmail())