From bafb6e7a170421d9bb09a32e590fe51de43a7e8f Mon Sep 17 00:00:00 2001
From: Daniel LaCosse <3759828+daniellacosse@users.noreply.github.com>
Date: Wed, 22 Jan 2025 13:35:49 -0500
Subject: [PATCH] use input

---
 .../src/www/views/root_view/add_access_key_dialog/index.ts | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/client/src/www/views/root_view/add_access_key_dialog/index.ts b/client/src/www/views/root_view/add_access_key_dialog/index.ts
index 11c70fdc892..3261b409f3f 100644
--- a/client/src/www/views/root_view/add_access_key_dialog/index.ts
+++ b/client/src/www/views/root_view/add_access_key_dialog/index.ts
@@ -93,10 +93,6 @@ export class AddAccessKeyDialog extends LitElement {
         <section>
           <md-filled-text-field
             .error=${this.accessKey && !this.isValidAccessKey}
-            @change=${this.updateIsValidAccessKey(
-              this.accessKey,
-              this.validateAccessKey
-            )}
             @input=${this.handleEdit}
             error-text="${this.localize('add-access-key-dialog-error-text')}"
             label="${this.localize('add-access-key-dialog-label')}"
@@ -123,6 +119,7 @@ export class AddAccessKeyDialog extends LitElement {
     accessKey: string,
     validate: (accessKey: string) => Promise<boolean>
   ) {
+    this.isValidAccessKey = false;
     validate(accessKey).then(result => {
       this.isValidAccessKey = result;
     });
@@ -130,6 +127,8 @@ export class AddAccessKeyDialog extends LitElement {
 
   private handleEdit(event: InputEvent) {
     this.accessKey = (event.target as HTMLInputElement).value;
+
+    this.updateIsValidAccessKey(this.accessKey, this.validateAccessKey);
   }
 
   private handleConfirm() {