From 94f9ca1081c0bd773194c940e9b2c05b9b374da4 Mon Sep 17 00:00:00 2001
From: Emanuele Feliziani <feliziani.emanuele@gmail.com>
Date: Tue, 12 Mar 2024 13:03:53 +0100
Subject: [PATCH] Account for disabled inputs (#189)

Signed-off-by: Emanuele Feliziani <feliziani.emanuele@gmail.com>
---
 autofill/autoprompt/3-multistep-form.html | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/autofill/autoprompt/3-multistep-form.html b/autofill/autoprompt/3-multistep-form.html
index d21e550..c553ca0 100644
--- a/autofill/autoprompt/3-multistep-form.html
+++ b/autofill/autoprompt/3-multistep-form.html
@@ -33,7 +33,7 @@ <h2>Log in</h2>
     </fieldset>
     <fieldset class="password-container" hidden>
       <label for="password">Password</label>
-      <input id="password" type="password" required>
+      <input id="password" type="password" required disabled>
       <button type="submit">Log in</button>
     </fieldset>
   </form>
@@ -41,13 +41,14 @@ <h2>Log in</h2>
 
 <script type="module">
   const continueButton = document.querySelector('button[type=button]');
-  const submitButton = document.querySelector('button[type=submit]');
   const passwordContainer = document.querySelector('.password-container');
+  const passwordField = document.querySelector('#password');
 
   continueButton.addEventListener('click', () => {
       if (form.email.validity.valid) {
           passwordContainer.removeAttribute('hidden');
           continueButton.setAttribute('hidden', '');
+          passwordField.removeAttribute('disabled');
       }
   });