Use key instead of keycode for key event (#16625)

cast/src/launcher/layout/hc-connect.ts

@@ -190,7 +190,7 @@ export class HcConnect extends LitElement {
 
   private _handleInputKeyDown(ev: KeyboardEvent) {
     // Handle pressing enter.
-    if (ev.keyCode === 13) {
+    if (ev.key === "Enter") {
       this._handleConnect();
     }
   }

hassio/src/dialogs/repositories/dialog-hassio-repositories.ts

@@ -218,7 +218,7 @@ class HassioRepositoriesDialog extends LitElement {
 
   private _handleKeyAdd(ev: KeyboardEvent) {
     ev.stopPropagation();
-    if (ev.keyCode !== 13) {
+    if (ev.key !== "Enter") {
       return;
     }
     this._addRepository();

src/auth/ha-auth-flow.ts

@@ -105,7 +105,7 @@ export class HaAuthFlow extends LitElement {
     }
 
     this.addEventListener("keypress", (ev) => {
-      if (ev.keyCode === 13) {
+      if (ev.key === "Enter") {
         this._handleSubmit(ev);
       }
     });

src/components/ha-tab.ts

@@ -54,7 +54,7 @@ export class HaTab extends LitElement {
   });
 
   private _handleKeyDown(ev: KeyboardEvent): void {
-    if (ev.keyCode === 13) {
+    if (ev.key === "Enter") {
       (ev.target as HTMLElement).click();
     }
   }

src/dialogs/config-flow/step-flow-form.ts

@@ -93,7 +93,7 @@ class StepFlowForm extends LitElement {
   }
 
   private _handleKeyDown = (ev: KeyboardEvent) => {
-    if (ev.keyCode === 13) {
+    if (ev.key === "Enter") {
       this._submitStep();
     }
   };

src/dialogs/voice-command-dialog/ha-voice-command-dialog.ts

@@ -324,7 +324,7 @@ export class HaVoiceCommandDialog extends LitElement {
 
   private _handleKeyUp(ev: KeyboardEvent) {
     const input = ev.target as HaTextField;
-    if (ev.keyCode === 13 && input.value) {
+    if (ev.key === "Enter" && input.value) {
       this._processText(input.value);
       input.value = "";
       this._showSendButton = false;

src/onboarding/onboarding-analytics.ts

@@ -50,7 +50,7 @@ class OnboardingAnalytics extends LitElement {
   protected firstUpdated(changedProps) {
     super.firstUpdated(changedProps);
     this.addEventListener("keypress", (ev) => {
-      if (ev.keyCode === 13) {
+      if (ev.key === "Enter") {
         this._save(ev);
       }
     });

src/onboarding/onboarding-core-config.ts

@@ -282,7 +282,7 @@ class OnboardingCoreConfig extends LitElement {
       100
     );
     this.addEventListener("keypress", (ev) => {
-      if (ev.keyCode === 13) {
+      if (ev.key === "Enter") {
         this._save(ev);
       }
     });

src/onboarding/onboarding-create-user.ts

@@ -94,7 +94,7 @@ class OnboardingCreateUser extends LitElement {
     setTimeout(() => this._form?.focus(), 100);
     this.addEventListener("keypress", (ev) => {
       if (
-        ev.keyCode === 13 &&
+        ev.key === "Enter" &&
         this._newUser.name &&
         this._newUser.username &&
         this._newUser.password &&

src/panels/config/automation/thingtalk/dialog-thingtalk.ts

@@ -235,7 +235,7 @@ class DialogThingtalk extends LitElement {
   };
 
   private _handleKeyUp(ev: KeyboardEvent) {
-    if (ev.keyCode === 13) {
+    if (ev.key === "Enter") {
       this._generate();
     }
   }

src/panels/config/helpers/forms/ha-input_select-form.ts

@@ -130,7 +130,7 @@ class HaInputSelectForm extends LitElement {
 
   private _handleKeyAdd(ev: KeyboardEvent) {
     ev.stopPropagation();
-    if (ev.keyCode !== 13) {
+    if (ev.key !== "Enter") {
       return;
     }
     this._addOption();

src/panels/config/users/dialog-add-user.ts

@@ -73,7 +73,7 @@ export class DialogAddUser extends LitElement {
   protected firstUpdated(changedProperties: PropertyValues) {
     super.firstUpdated(changedProperties);
     this.addEventListener("keypress", (ev) => {
-      if (ev.keyCode === 13) {
+      if (ev.key === "Enter") {
         this._createUser(ev);
       }
     });

src/panels/config/voice-assistants/debug/assist-pipeline-run-debug.ts

@@ -296,7 +296,7 @@ export class AssistPipelineRunDebug extends LitElement {
   }
 
   private _handleContinueKeyDown(ev) {
-    if (ev.keyCode === 13) {
+    if (ev.key === "Enter") {
       this._runTextPipeline();
     }
   }

src/panels/lovelace/cards/hui-shopping-list-card.ts

@@ -301,7 +301,7 @@ class HuiShoppingListCard
   }
 
   private _addKeyPress(ev): void {
-    if (ev.keyCode === 13) {
+    if (ev.key === "Enter") {
       this._addItem(null);
     }
   }

src/panels/profile/ha-change-password-card.ts

@@ -118,7 +118,7 @@ class HaChangePasswordCard extends LitElement {
     super.firstUpdated(changedProps);
     this.addEventListener("keypress", (ev) => {
       this._statusMsg = undefined;
-      if (ev.keyCode === 13) {
+      if (ev.key === "Enter") {
         this._changePassword();
       }
     });