Fix keyboard for ha-config-entities bulk menus (#23776)

Fix keyboard for ha-config-entities menus
home-assistant · Jan 23, 2025 · fb79e2c · fb79e2c
1 parent 666316e
commit fb79e2c
Showing 1 changed file with 18 additions and 18 deletions.
diff --git a/src/panels/config/entities/ha-config-entities.ts b/src/panels/config/entities/ha-config-entities.ts
@@ -729,7 +729,7 @@ export class HaConfigEntities extends SubscribeMixin(LitElement) {
         </ha-md-menu-item>`;
       })}
       <ha-md-divider role="separator" tabindex="-1"></ha-md-divider>
-      <ha-md-menu-item @click=${this._bulkCreateLabel}>
+      <ha-md-menu-item .clickAction=${this._bulkCreateLabel}>
         <div slot="headline">
           ${this.hass.localize("ui.panel.config.labels.add_label")}
         </div></ha-md-menu-item
@@ -844,15 +844,15 @@ ${
       : nothing
   }
 
-  <ha-md-menu-item @click=${this._enableSelected}>
+  <ha-md-menu-item .clickAction=${this._enableSelected}>
     <ha-svg-icon slot="start" .path=${mdiToggleSwitch}></ha-svg-icon>
     <div slot="headline">
       ${this.hass.localize(
         "ui.panel.config.entities.picker.enable_selected.button"
       )}
     </div>
   </ha-md-menu-item>
-  <ha-md-menu-item @click=${this._disableSelected}>
+  <ha-md-menu-item .clickAction=${this._disableSelected}>
     <ha-svg-icon
       slot="start"
       .path=${mdiToggleSwitchOffOutline}
@@ -865,7 +865,7 @@ ${
   </ha-md-menu-item>
   <ha-md-divider role="separator" tabindex="-1"></ha-md-divider>
 
-  <ha-md-menu-item @click=${this._unhideSelected}>
+  <ha-md-menu-item .clickAction=${this._unhideSelected}>
     <ha-svg-icon
       slot="start"
       .path=${mdiEye}
@@ -876,7 +876,7 @@ ${
       )}
     </div>
   </ha-md-menu-item>
-  <ha-md-menu-item @click=${this._hideSelected}>
+  <ha-md-menu-item .clickAction=${this._hideSelected}>
     <ha-svg-icon
       slot="start"
       .path=${mdiEyeOff}
@@ -889,7 +889,7 @@ ${
   </ha-md-menu-item>
   <ha-md-divider role="separator" tabindex="-1"></ha-md-divider>
 
-  <ha-md-menu-item @click=${this._removeSelected} class="warning">
+  <ha-md-menu-item .clickAction=${this._removeSelected} class="warning">
     <ha-svg-icon
       slot="start"
       .path=${mdiDelete}
@@ -1123,7 +1123,7 @@ ${
     this._selected = ev.detail.value;
   }
 
-  private async _enableSelected() {
+  private _enableSelected = async () => {
     showConfirmationDialog(this, {
       title: this.hass.localize(
         "ui.panel.config.entities.picker.enable_selected.confirm_title",
@@ -1191,9 +1191,9 @@ ${
         }
       },
     });
-  }
+  };
 
-  private _disableSelected() {
+  private _disableSelected = () => {
     showConfirmationDialog(this, {
       title: this.hass.localize(
         "ui.panel.config.entities.picker.disable_selected.confirm_title",
@@ -1213,9 +1213,9 @@ ${
         this._clearSelection();
       },
     });
-  }
+  };
 
-  private _hideSelected() {
+  private _hideSelected = () => {
     showConfirmationDialog(this, {
       title: this.hass.localize(
         "ui.panel.config.entities.picker.hide_selected.confirm_title",
@@ -1235,16 +1235,16 @@ ${
         this._clearSelection();
       },
     });
-  }
+  };
 
-  private _unhideSelected() {
+  private _unhideSelected = () => {
     this._selected.forEach((entity) =>
       updateEntityRegistryEntry(this.hass, entity, {
         hidden_by: null,
       })
     );
     this._clearSelection();
-  }
+  };
 
   private async _handleBulkLabel(ev) {
     const label = ev.currentTarget.value;
@@ -1286,17 +1286,17 @@ ${rejected
     }
   }
 
-  private _bulkCreateLabel() {
+  private _bulkCreateLabel = () => {
     showLabelDetailDialog(this, {
       createEntry: async (values) => {
         const label = await createLabelRegistryEntry(this.hass, values);
         this._bulkLabel(label.label_id, "add");
         return label;
       },
     });
-  }
+  };
 
-  private async _removeSelected() {
+  private _removeSelected = async () => {
     if (!this._entities || !this.hass) {
       return;
     }
@@ -1369,7 +1369,7 @@ ${rejected
         this._clearSelection();
       },
     });
-  }
+  };
 
   private _clearSelection() {
     this._dataTable.clearSelection();