From 786b9ee8d6d9f6d3536a6863463dd7e5d35cd8a1 Mon Sep 17 00:00:00 2001
From: Bram Kragten <mail@bramkragten.nl>
Date: Thu, 7 Nov 2024 09:53:34 +0100
Subject: [PATCH] Update value of password field on change event (#22706)

---
 src/components/ha-password-field.ts | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/components/ha-password-field.ts b/src/components/ha-password-field.ts
index f149264fdb..15fd9666dd 100644
--- a/src/components/ha-password-field.ts
+++ b/src/components/ha-password-field.ts
@@ -117,8 +117,8 @@ export class HaPasswordField extends LitElement {
         .autocapitalize=${this.autocapitalize}
         .type=${this._unmaskedPassword ? "text" : "password"}
         .suffix=${html`<div style="width: 24px"></div>`}
-        @input=${this._handleInputChange}
-        @change=${this._reDispatchEvent}
+        @input=${this._handleInputEvent}
+        @change=${this._handleChangeEvent}
       ></ha-textfield>
       <ha-icon-button
         toggles
@@ -153,11 +153,16 @@ export class HaPasswordField extends LitElement {
   }
 
   @eventOptions({ passive: true })
-  private _handleInputChange(ev) {
+  private _handleInputEvent(ev) {
     this.value = ev.target.value;
   }
 
   @eventOptions({ passive: true })
+  private _handleChangeEvent(ev) {
+    this.value = ev.target.value;
+    this._reDispatchEvent(ev);
+  }
+
   private _reDispatchEvent(oldEvent: Event) {
     const newEvent = new Event(oldEvent.type, oldEvent);
     this.dispatchEvent(newEvent);