Fix automation editor (#16057)

2023-04-05 10:20:21 +02:00 · 2023-04-05 10:20:21 +02:00 · 1596578f96
parent 28304bb1dc
commit 1596578f96
46 changed files with 37 additions and 85 deletions
--- a/hassio/src/addon-store/hassio-addon-store.ts
+++ b/hassio/src/addon-store/hassio-addon-store.ts
@ -92,11 +92,7 @@ export class HassioAddonStore extends LitElement {
        .route=${this.route}
        .header=${this.supervisor.localize("panel.store")}
      >
-        <ha-button-menu
-          corner="BOTTOM_START"
-          slot="toolbar-icon"
-          @action=${this._handleAction}
-        >
+        <ha-button-menu slot="toolbar-icon" @action=${this._handleAction}>
          <ha-icon-button
            .label=${this.supervisor.localize("common.menu")}
            .path=${mdiDotsVertical}
--- a/hassio/src/addon-view/config/hassio-addon-config.ts
+++ b/hassio/src/addon-view/config/hassio-addon-config.ts
@ -168,7 +168,7 @@ class HassioAddonConfig extends LitElement {
            ${this.supervisor.localize("addon.configuration.options.header")}
          </h2>
          <div class="card-menu">
-            <ha-button-menu corner="BOTTOM_START" @action=${this._handleAction}>
+            <ha-button-menu @action=${this._handleAction}>
              <ha-icon-button
                .label=${this.supervisor.localize("common.menu")}
                .path=${mdiDotsVertical}
--- a/hassio/src/backups/hassio-backups.ts
+++ b/hassio/src/backups/hassio-backups.ts
@ -195,11 +195,7 @@ export class HassioBackups extends LitElement {
          : "/config"}
        supervisor
      >
-        <ha-button-menu
-          corner="BOTTOM_START"
-          slot="toolbar-icon"
-          @action=${this._handleAction}
-        >
+        <ha-button-menu slot="toolbar-icon" @action=${this._handleAction}>
          <ha-icon-button
            .label=${this.supervisor?.localize("common.menu")}
            .path=${mdiDotsVertical}
--- a/hassio/src/system/hassio-host-info.ts
+++ b/hassio/src/system/hassio-host-info.ts
@ -184,7 +184,7 @@ class HassioHostInfo extends LitElement {
              `
            : ""}

-          <ha-button-menu corner="BOTTOM_START">
+          <ha-button-menu>
            <ha-icon-button
              .label=${this.supervisor.localize("common.menu")}
              .path=${mdiDotsVertical}
--- a/src/components/ha-button-menu.ts
+++ b/src/components/ha-button-menu.ts
@ -10,7 +10,7 @@ import type { HaIconButton } from "./ha-icon-button";
 export class HaButtonMenu extends LitElement {
  protected readonly [FOCUS_TARGET];

-  @property() public corner: Corner = "TOP_START";
+  @property() public corner: Corner = "BOTTOM_START";

  @property() public menuCorner: MenuCorner = "START";

--- a/src/components/ha-button-related-filter-menu.ts
+++ b/src/components/ha-button-related-filter-menu.ts
@ -35,7 +35,7 @@ interface FilterValue {
 export class HaRelatedFilterButtonMenu extends LitElement {
  @property() public hass!: HomeAssistant;

-  @property() public corner: Corner = "TOP_START";
+  @property() public corner: Corner = "BOTTOM_START";

  @property({ type: Boolean, reflect: true }) public narrow = false;

--- a/src/components/ha-form/ha-form-multi_select.ts
+++ b/src/components/ha-form/ha-form-multi_select.ts
@ -82,7 +82,6 @@ export class HaFormMultiSelect extends LitElement implements HaFormElement {
      <ha-button-menu
        .disabled=${this.disabled}
        fixed
-        corner="BOTTOM_START"
        @opened=${this._handleOpen}
        @closed=${this._handleClose}
        multi
--- a/src/components/ha-icon-overflow-menu.ts
+++ b/src/components/ha-icon-overflow-menu.ts
@ -38,7 +38,6 @@ export class HaIconOverflowMenu extends LitElement {
              @click=${this._handleIconOverflowMenuOpened}
              @closed=${this._handleIconOverflowMenuClosed}
              class="ha-icon-overflow-menu-overflow"
-              corner="BOTTOM_START"
              absolute
            >
              <ha-icon-button
--- a/src/components/ha-qr-scanner.ts
+++ b/src/components/ha-qr-scanner.ts
@ -70,11 +70,7 @@ class HaQrScanner extends LitElement {
      ? html`<video></video>
          <div id="canvas-container">
            ${this._cameras && this._cameras.length > 1
-              ? html`<ha-button-menu
-                  corner="BOTTOM_START"
-                  fixed
-                  @closed=${stopPropagation}
-                >
+              ? html`<ha-button-menu fixed @closed=${stopPropagation}>
                  <ha-icon-button
                    slot="trigger"
                    .label=${this.localize(
--- a/src/components/ha-target-picker.ts
+++ b/src/components/ha-target-picker.ts
@ -283,7 +283,6 @@ export class HaTargetPicker extends LitElement {
    return html`<mwc-menu-surface
      open
      .anchor=${this._addContainer}
-      .corner=${"BOTTOM_START"}
      @closed=${this._onClosed}
      @opened=${this._onOpened}
      @opened-changed=${this._openedChanged}
--- a/src/dialogs/more-info/controls/more-info-fan.ts
+++ b/src/dialogs/more-info/controls/more-info-fan.ts
@ -274,7 +274,6 @@ class MoreInfoFan extends LitElement {
            supportsPresetMode && this.stateObj.attributes.preset_modes
              ? html`
                  <ha-button-menu
-                    corner="BOTTOM_START"
                    @action=${this._handlePresetMode}
                    @closed=${stopPropagation}
                    fixed
--- a/src/dialogs/more-info/controls/more-info-light.ts
+++ b/src/dialogs/more-info/controls/more-info-light.ts
@ -173,7 +173,6 @@ class MoreInfoLight extends LitElement {
                ${supportsEffects && this.stateObj.attributes.effect_list
                  ? html`
                      <ha-button-menu
-                        corner="BOTTOM_START"
                        @action=${this._handleEffectButton}
                        @closed=${stopPropagation}
                        fixed
--- a/src/layouts/hass-subpage.ts
+++ b/src/layouts/hass-subpage.ts
@ -99,6 +99,8 @@ class HassSubpage extends LitElement {
        display: block;
        height: 100%;
        background-color: var(--primary-background-color);
+        overflow: hidden;
+        position: relative;
      }

      :host([narrow]) {
@ -152,7 +154,7 @@ class HassSubpage extends LitElement {
      }

      #fab {
-        position: fixed;
+        position: absolute;
        right: calc(16px + env(safe-area-inset-right));
        bottom: calc(16px + env(safe-area-inset-bottom));
        z-index: 1;
--- a/src/panels/config/automation/action/ha-automation-action-row.ts
+++ b/src/panels/config/automation/action/ha-automation-action-row.ts
@ -182,8 +182,6 @@ export default class HaAutomationActionRow extends LitElement {
            : html`
                <ha-button-menu
                  slot="icons"
-                  fixed
-                  corner="BOTTOM_START"
                  @action=${this._handleAction}
                  @click=${preventDefault}
                >
--- a/src/panels/config/automation/action/ha-automation-action.ts
+++ b/src/panels/config/automation/action/ha-automation-action.ts
@ -128,11 +128,7 @@ export default class HaAutomationAction extends LitElement {
          `
        )}
      </div>
-      <ha-button-menu
-        fixed
-        @action=${this._addAction}
-        .disabled=${this.disabled}
-      >
+      <ha-button-menu @action=${this._addAction} .disabled=${this.disabled}>
        <ha-button
          slot="trigger"
          outlined
--- a/src/panels/config/automation/condition/ha-automation-condition-row.ts
+++ b/src/panels/config/automation/condition/ha-automation-condition-row.ts
@ -116,8 +116,6 @@ export default class HaAutomationConditionRow extends LitElement {
            : html`
                <ha-button-menu
                  slot="icons"
-                  fixed
-                  corner="BOTTOM_START"
                  @action=${this._handleAction}
                  @click=${preventDefault}
                >
--- a/src/panels/config/automation/condition/ha-automation-condition.ts
+++ b/src/panels/config/automation/condition/ha-automation-condition.ts
@ -180,11 +180,7 @@ export default class HaAutomationCondition extends LitElement {
          `
        )}
      </div>
-      <ha-button-menu
-        fixed
-        @action=${this._addCondition}
-        .disabled=${this.disabled}
-      >
+      <ha-button-menu @action=${this._addCondition} .disabled=${this.disabled}>
        <ha-button
          slot="trigger"
          outlined
--- a/src/panels/config/automation/ha-automation-editor.ts
+++ b/src/panels/config/automation/ha-automation-editor.ts
@ -141,7 +141,7 @@ export class HaAutomationEditor extends KeyboardShortcutMixin(LitElement) {
              </mwc-button>
            `
          : ""}
-        <ha-button-menu corner="BOTTOM_START" slot="toolbar-icon">
+        <ha-button-menu slot="toolbar-icon">
          <ha-icon-button
            slot="trigger"
            .label=${this.hass.localize("ui.common.menu")}
--- a/src/panels/config/automation/ha-automation-picker.ts
+++ b/src/panels/config/automation/ha-automation-picker.ts
@ -287,7 +287,6 @@ class HaAutomationPicker extends LitElement {
        ></ha-icon-button>
        <ha-button-related-filter-menu
          slot="filter-menu"
-          corner="BOTTOM_START"
          .narrow=${this.narrow}
          .hass=${this.hass}
          .value=${this._filterValue}
--- a/src/panels/config/automation/ha-automation-trace.ts
+++ b/src/panels/config/automation/ha-automation-trace.ts
@ -113,7 +113,7 @@ export class HaAutomationTrace extends LitElement {
              </a>
            `
          : ""}
-        <ha-button-menu corner="BOTTOM_START" slot="toolbar-icon">
+        <ha-button-menu slot="toolbar-icon">
          <ha-icon-button
            slot="trigger"
            .label=${this.hass.localize("ui.common.menu")}
--- a/src/panels/config/automation/trigger/ha-automation-trigger-row.ts
+++ b/src/panels/config/automation/trigger/ha-automation-trigger-row.ts
@ -140,8 +140,6 @@ export default class HaAutomationTriggerRow extends LitElement {
            : html`
                <ha-button-menu
                  slot="icons"
-                  fixed
-                  corner="BOTTOM_START"
                  @action=${this._handleAction}
                  @click=${preventDefault}
                >
--- a/src/panels/config/cloud/alexa/cloud-alexa.ts
+++ b/src/panels/config/cloud/alexa/cloud-alexa.ts
@ -168,7 +168,6 @@ class CloudAlexa extends LitElement {
              ${!emptyFilter
                ? html`${iconButton}`
                : html`<ha-button-menu
-                    corner="BOTTOM_START"
                    .entityId=${stateObj.entity_id}
                    @action=${this._exposeChanged}
                  >
@ -225,7 +224,7 @@ class CloudAlexa extends LitElement {
        .narrow=${this.narrow}
        .header=${this.hass!.localize("ui.panel.config.cloud.alexa.title")}
      >
-        <ha-button-menu corner="BOTTOM_START" slot="toolbar-icon">
+        <ha-button-menu slot="toolbar-icon">
          <ha-icon-button
            slot="trigger"
            .label=${this.hass.localize("ui.common.menu")}
--- a/src/panels/config/cloud/google-assistant/cloud-google-assistant.ts
+++ b/src/panels/config/cloud/google-assistant/cloud-google-assistant.ts
@ -228,7 +228,6 @@ class CloudGoogleAssistant extends LitElement {
              ${!emptyFilter
                ? html`${iconButton}`
                : html`<ha-button-menu
-                    corner="BOTTOM_START"
                    .entityId=${entity.entity_id}
                    @action=${this._exposeChanged}
                  >
@ -302,7 +301,7 @@ class CloudGoogleAssistant extends LitElement {
        .hass=${this.hass}
        .header=${this.hass!.localize("ui.panel.config.cloud.google.title")}
        .narrow=${this.narrow}>
-        <ha-button-menu corner="BOTTOM_START" slot="toolbar-icon">
+        <ha-button-menu  slot="toolbar-icon">
          <ha-icon-button
            slot="trigger"
            .label=${this.hass.localize("ui.common.menu")}
--- a/src/panels/config/core/ha-config-section-updates.ts
+++ b/src/panels/config/core/ha-config-section-updates.ts
@ -69,7 +69,7 @@ class HaConfigSectionUpdates extends LitElement {
            .path=${mdiUpdate}
            @click=${this._checkUpdates}
          ></ha-icon-button>
-          <ha-button-menu corner="BOTTOM_START" multi>
+          <ha-button-menu multi>
            <ha-icon-button
              slot="trigger"
              .label=${this.hass.localize("ui.common.menu")}
--- a/src/panels/config/dashboard/ha-config-dashboard.ts
+++ b/src/panels/config/dashboard/ha-config-dashboard.ts
@ -194,11 +194,7 @@ class HaConfigDashboard extends SubscribeMixin(LitElement) {
          .path=${mdiMagnify}
          @click=${this._showQuickBar}
        ></ha-icon-button>
-        <ha-button-menu
-          slot="actionItems"
-          corner="BOTTOM_START"
-          @action=${this._handleMenuAction}
-        >
+        <ha-button-menu slot="actionItems" @action=${this._handleMenuAction}>
          <ha-icon-button
            slot="trigger"
            .label=${this.hass.localize("ui.common.menu")}
--- a/src/panels/config/devices/ha-config-device-page.ts
+++ b/src/panels/config/devices/ha-config-device-page.ts
@ -748,7 +748,7 @@ export class HaConfigDevicePage extends LitElement {

                          ${actions.length
                            ? html`
-                                <ha-button-menu corner="BOTTOM_START">
+                                <ha-button-menu>
                                  <ha-icon-button
                                    slot="trigger"
                                    .label=${this.hass.localize(
--- a/src/panels/config/devices/ha-config-devices-dashboard.ts
+++ b/src/panels/config/devices/ha-config-devices-dashboard.ts
@ -448,7 +448,7 @@ export class HaConfigDeviceDashboard extends LitElement {
        >
          <ha-svg-icon slot="icon" .path=${mdiPlus}></ha-svg-icon>
        </ha-fab>
-        <ha-button-menu slot="filter-menu" corner="BOTTOM_START" multi>
+        <ha-button-menu slot="filter-menu" multi>
          <ha-icon-button
            slot="trigger"
            .label=${this.hass!.localize(
--- a/src/panels/config/entities/ha-config-entities.ts
+++ b/src/panels/config/entities/ha-config-entities.ts
@ -620,7 +620,7 @@ export class HaConfigEntities extends SubscribeMixin(LitElement) {
              </div>
            `
          : html`
-              <ha-button-menu slot="filter-menu" corner="BOTTOM_START" multi>
+              <ha-button-menu slot="filter-menu" multi>
                <ha-icon-button
                  slot="trigger"
                  .label=${this.hass!.localize(
--- a/src/panels/config/integrations/ha-config-flow-card.ts
+++ b/src/panels/config/integrations/ha-config-flow-card.ts
@ -60,7 +60,7 @@ export class HaConfigFlowCard extends LitElement {
            }`
          )}
        ></mwc-button>
-        <ha-button-menu corner="BOTTOM_START">
+        <ha-button-menu>
          <ha-icon-button
            slot="trigger"
            .label=${this.hass.localize("ui.common.menu")}
--- a/src/panels/config/integrations/ha-config-integrations.ts
+++ b/src/panels/config/integrations/ha-config-integrations.ts
@ -382,7 +382,6 @@ class HaConfigIntegrations extends SubscribeMixin(LitElement) {
            ? html`<span class="badge">${disabledCount}</span>`
            : ""}
          <ha-button-menu
-            corner="BOTTOM_START"
            multi
            @action=${this._handleMenuAction}
            @click=${this._preventDefault}
--- a/src/panels/config/integrations/ha-integration-card.ts
+++ b/src/panels/config/integrations/ha-integration-card.ts
@ -370,7 +370,7 @@ export class HaIntegrationCard extends LitElement {
              `
            : ""}
        </div>
-        <ha-button-menu corner="BOTTOM_START">
+        <ha-button-menu>
          <ha-icon-button
            slot="trigger"
            .label=${this.hass.localize("ui.common.menu")}
--- a/src/panels/config/integrations/ha-integration-overflow-menu.ts
+++ b/src/panels/config/integrations/ha-integration-overflow-menu.ts
@ -12,7 +12,7 @@ export class HaIntegrationOverflowMenu extends LitElement {

  protected render() {
    return html`
-      <ha-button-menu activatable corner="BOTTOM_START">
+      <ha-button-menu activatable>
        <ha-icon-button
          slot="trigger"
          .label=${this.hass.localize("ui.common.menu")}
--- a/src/panels/config/integrations/integration-panels/thread/thread-config-panel.ts
+++ b/src/panels/config/integrations/integration-panels/thread/thread-config-panel.ts
@ -69,7 +69,7 @@ export class ThreadConfigPanel extends SubscribeMixin(LitElement) {

    return html`
      <hass-subpage .narrow=${this.narrow} .hass=${this.hass} header="Thread">
-        <ha-button-menu slot="toolbar-icon" corner="BOTTOM_START">
+        <ha-button-menu slot="toolbar-icon">
          <ha-icon-button
            .path=${mdiDotsVertical}
            slot="trigger"
@ -186,7 +186,6 @@ export class ThreadConfigPanel extends SubscribeMixin(LitElement) {
                  <span slot="secondary">${router.server}</span>
                  ${router.extended_address === this._otbrInfo?.extended_address
                    ? html`<ha-button-menu
-                        corner="BOTTOM_START"
                        slot="meta"
                        @action=${this._handleRouterAction}
                      >
--- a/src/panels/config/logs/ha-config-logs.ts
+++ b/src/panels/config/logs/ha-config-logs.ts
@ -115,7 +115,7 @@ export class HaConfigLogs extends LitElement {
        ${isComponentLoaded(this.hass, "hassio") &&
        this.hass.userData?.showAdvanced
          ? html`
-              <ha-button-menu corner="BOTTOM_START" slot="toolbar-icon">
+              <ha-button-menu slot="toolbar-icon">
                <ha-button
                  slot="trigger"
                  .label=${this._logProviders.find(
--- a/src/panels/config/lovelace/dashboards/ha-config-lovelace-dashboards.ts
+++ b/src/panels/config/lovelace/dashboards/ha-config-lovelace-dashboards.ts
@ -267,11 +267,7 @@ export class HaConfigLovelaceDashboards extends LitElement {
      >
        ${this.hass.userData?.showAdvanced
          ? html`
-              <ha-button-menu
-                corner="BOTTOM_START"
-                slot="toolbar-icon"
-                activatable
-              >
+              <ha-button-menu slot="toolbar-icon" activatable>
                <ha-icon-button
                  slot="trigger"
                  .label=${this.hass.localize("ui.common.menu")}
--- a/src/panels/config/network/supervisor-network.ts
+++ b/src/panels/config/network/supervisor-network.ts
@ -248,7 +248,7 @@ export class HassioNetwork extends LitElement {
              </ha-circular-progress>`
            : this.hass.localize("ui.common.save")}
        </mwc-button>
-        <ha-button-menu corner="BOTTOM_START" @action=${this._handleAction}>
+        <ha-button-menu @action=${this._handleAction}>
          <ha-icon-button
            slot="trigger"
            .label=${"ui.common.menu"}
--- a/src/panels/config/repairs/ha-config-repairs-dashboard.ts
+++ b/src/panels/config/repairs/ha-config-repairs-dashboard.ts
@ -79,7 +79,7 @@ class HaConfigRepairsDashboard extends SubscribeMixin(LitElement) {
        .header=${this.hass.localize("ui.panel.config.repairs.caption")}
      >
        <div slot="toolbar-icon">
-          <ha-button-menu corner="BOTTOM_START" multi>
+          <ha-button-menu multi>
            <ha-icon-button
              slot="trigger"
              .label=${this.hass.localize("ui.common.menu")}
--- a/src/panels/config/scene/ha-scene-dashboard.ts
+++ b/src/panels/config/scene/ha-scene-dashboard.ts
@ -225,7 +225,6 @@ class HaSceneDashboard extends LitElement {
        ></ha-icon-button>
        <ha-button-related-filter-menu
          slot="filter-menu"
-          corner="BOTTOM_START"
          .narrow=${this.narrow}
          .hass=${this.hass}
          .value=${this._filterValue}
--- a/src/panels/config/scene/ha-scene-editor.ts
+++ b/src/panels/config/scene/ha-scene-editor.ts
@ -228,7 +228,6 @@ export class HaSceneEditor extends SubscribeMixin(
          : this.hass.localize("ui.panel.config.scene.editor.default_name")}
      >
        <ha-button-menu
-          corner="BOTTOM_START"
          slot="toolbar-icon"
          @action=${this._handleMenuAction}
          activatable
--- a/src/panels/config/script/ha-script-editor.ts
+++ b/src/panels/config/script/ha-script-editor.ts
@ -191,7 +191,7 @@ export class HaScriptEditor extends KeyboardShortcutMixin(LitElement) {
              </mwc-button>
            `
          : ""}
-        <ha-button-menu corner="BOTTOM_START" slot="toolbar-icon">
+        <ha-button-menu slot="toolbar-icon">
          <ha-icon-button
            slot="trigger"
            .label=${this.hass.localize("ui.common.menu")}
--- a/src/panels/config/script/ha-script-picker.ts
+++ b/src/panels/config/script/ha-script-picker.ts
@ -227,7 +227,6 @@ class HaScriptPicker extends LitElement {
        ></ha-icon-button>
        <ha-button-related-filter-menu
          slot="filter-menu"
-          corner="BOTTOM_START"
          .narrow=${this.narrow}
          .hass=${this.hass}
          .value=${this._filterValue}
--- a/src/panels/config/script/ha-script-trace.ts
+++ b/src/panels/config/script/ha-script-trace.ts
@ -116,7 +116,7 @@ export class HaScriptTrace extends LitElement {
            `
          : ""}

-        <ha-button-menu corner="BOTTOM_START" slot="toolbar-icon">
+        <ha-button-menu slot="toolbar-icon">
          <ha-icon-button
            slot="trigger"
            .label=${this.hass.localize("ui.common.menu")}
--- a/src/panels/config/storage/ha-config-section-storage.ts
+++ b/src/panels/config/storage/ha-config-section-storage.ts
@ -44,7 +44,7 @@ class HaConfigSectionStorage extends LitElement {
      >
        ${this._hostInfo
          ? html`
-              <ha-button-menu corner="BOTTOM_START" slot="toolbar-icon">
+              <ha-button-menu slot="toolbar-icon">
                <ha-icon-button
                  slot="trigger"
                  .label=${this.hass.localize("ui.common.menu")}
--- a/src/panels/lovelace/components/hui-card-options.ts
+++ b/src/panels/lovelace/components/hui-card-options.ts
@ -80,7 +80,7 @@ export class HuiCardOptions extends LitElement {
              @click=${this._cardUp}
              ?disabled=${this.path![1] === 0}
            ></ha-icon-button>
-            <ha-button-menu corner="BOTTOM_START" @action=${this._handleAction}>
+            <ha-button-menu @action=${this._handleAction}>
              <ha-icon-button
                slot="trigger"
                .label=${this.hass!.localize(
--- a/src/panels/lovelace/hui-root.ts
+++ b/src/panels/lovelace/hui-root.ts
@ -165,7 +165,7 @@ class HUIRoot extends LitElement {
                        .path=${mdiHelpCircle}
                      ></ha-icon-button>
                    </a>
-                    <ha-button-menu corner="BOTTOM_START">
+                    <ha-button-menu>
                      <ha-icon-button
                        slot="trigger"
                        .label=${this.hass!.localize(
@ -319,10 +319,7 @@ class HUIRoot extends LitElement {
                      : ""}
                    ${this._showButtonMenu
                      ? html`
-                          <ha-button-menu
-                            corner="BOTTOM_START"
-                            slot="actionItems"
-                          >
+                          <ha-button-menu slot="actionItems">
                            <ha-icon-button
                              slot="trigger"
                              .label=${this.hass!.localize(
--- a/src/panels/media-browser/ha-bar-media-player.ts
+++ b/src/panels/media-browser/ha-bar-media-player.ts
@ -292,7 +292,7 @@ export class BarMediaPlayer extends SubscribeMixin(LitElement) {
        stateObj &&
        supportsFeature(stateObj, MediaPlayerEntityFeature.VOLUME_SET)
          ? html`
-              <ha-button-menu corner="BOTTOM_START" y="0" x="76">
+              <ha-button-menu y="0" x="76">
                <ha-icon-button
                  slot="trigger"
                  .path=${mdiVolumeHigh}
@ -310,7 +310,7 @@ export class BarMediaPlayer extends SubscribeMixin(LitElement) {
          : ""
      }

-          <ha-button-menu corner="BOTTOM_START">
+          <ha-button-menu >
            ${
              this.narrow
                ? html`