From 1596578f961c9190e3aa9cdf4fa19457b157a410 Mon Sep 17 00:00:00 2001
From: Bram Kragten <mail@bramkragten.nl>
Date: Wed, 5 Apr 2023 10:20:21 +0200
Subject: [PATCH] Fix automation editor (#16057)

---
 hassio/src/addon-store/hassio-addon-store.ts               | 6 +-----
 hassio/src/addon-view/config/hassio-addon-config.ts        | 2 +-
 hassio/src/backups/hassio-backups.ts                       | 6 +-----
 hassio/src/system/hassio-host-info.ts                      | 2 +-
 src/components/ha-button-menu.ts                           | 2 +-
 src/components/ha-button-related-filter-menu.ts            | 2 +-
 src/components/ha-form/ha-form-multi_select.ts             | 1 -
 src/components/ha-icon-overflow-menu.ts                    | 1 -
 src/components/ha-qr-scanner.ts                            | 6 +-----
 src/components/ha-target-picker.ts                         | 1 -
 src/dialogs/more-info/controls/more-info-fan.ts            | 1 -
 src/dialogs/more-info/controls/more-info-light.ts          | 1 -
 src/layouts/hass-subpage.ts                                | 4 +++-
 .../config/automation/action/ha-automation-action-row.ts   | 2 --
 .../config/automation/action/ha-automation-action.ts       | 6 +-----
 .../automation/condition/ha-automation-condition-row.ts    | 2 --
 .../config/automation/condition/ha-automation-condition.ts | 6 +-----
 src/panels/config/automation/ha-automation-editor.ts       | 2 +-
 src/panels/config/automation/ha-automation-picker.ts       | 1 -
 src/panels/config/automation/ha-automation-trace.ts        | 2 +-
 .../config/automation/trigger/ha-automation-trigger-row.ts | 2 --
 src/panels/config/cloud/alexa/cloud-alexa.ts               | 3 +--
 .../cloud/google-assistant/cloud-google-assistant.ts       | 3 +--
 src/panels/config/core/ha-config-section-updates.ts        | 2 +-
 src/panels/config/dashboard/ha-config-dashboard.ts         | 6 +-----
 src/panels/config/devices/ha-config-device-page.ts         | 2 +-
 src/panels/config/devices/ha-config-devices-dashboard.ts   | 2 +-
 src/panels/config/entities/ha-config-entities.ts           | 2 +-
 src/panels/config/integrations/ha-config-flow-card.ts      | 2 +-
 src/panels/config/integrations/ha-config-integrations.ts   | 1 -
 src/panels/config/integrations/ha-integration-card.ts      | 2 +-
 .../config/integrations/ha-integration-overflow-menu.ts    | 2 +-
 .../integration-panels/thread/thread-config-panel.ts       | 3 +--
 src/panels/config/logs/ha-config-logs.ts                   | 2 +-
 .../lovelace/dashboards/ha-config-lovelace-dashboards.ts   | 6 +-----
 src/panels/config/network/supervisor-network.ts            | 2 +-
 src/panels/config/repairs/ha-config-repairs-dashboard.ts   | 2 +-
 src/panels/config/scene/ha-scene-dashboard.ts              | 1 -
 src/panels/config/scene/ha-scene-editor.ts                 | 1 -
 src/panels/config/script/ha-script-editor.ts               | 2 +-
 src/panels/config/script/ha-script-picker.ts               | 1 -
 src/panels/config/script/ha-script-trace.ts                | 2 +-
 src/panels/config/storage/ha-config-section-storage.ts     | 2 +-
 src/panels/lovelace/components/hui-card-options.ts         | 2 +-
 src/panels/lovelace/hui-root.ts                            | 7 ++-----
 src/panels/media-browser/ha-bar-media-player.ts            | 4 ++--
 46 files changed, 37 insertions(+), 85 deletions(-)

diff --git a/hassio/src/addon-store/hassio-addon-store.ts b/hassio/src/addon-store/hassio-addon-store.ts
index 024d803be2..ab434eb8ca 100644
--- 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}
diff --git a/hassio/src/addon-view/config/hassio-addon-config.ts b/hassio/src/addon-view/config/hassio-addon-config.ts
index bca38c669e..6b7cd0b7f3 100644
--- 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}
diff --git a/hassio/src/backups/hassio-backups.ts b/hassio/src/backups/hassio-backups.ts
index eedfad61e2..8e8aebb183 100644
--- 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}
diff --git a/hassio/src/system/hassio-host-info.ts b/hassio/src/system/hassio-host-info.ts
index 98d8fa0941..cfb039d935 100644
--- 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}
diff --git a/src/components/ha-button-menu.ts b/src/components/ha-button-menu.ts
index 6cf18acac6..b06b0e0467 100644
--- 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";
 
diff --git a/src/components/ha-button-related-filter-menu.ts b/src/components/ha-button-related-filter-menu.ts
index 7dcd892eb5..c83bdcdd6c 100644
--- 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;
 
diff --git a/src/components/ha-form/ha-form-multi_select.ts b/src/components/ha-form/ha-form-multi_select.ts
index a25de38672..e56d902b97 100644
--- 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
diff --git a/src/components/ha-icon-overflow-menu.ts b/src/components/ha-icon-overflow-menu.ts
index 4c4e94ea2b..8797dcb4c7 100644
--- 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
diff --git a/src/components/ha-qr-scanner.ts b/src/components/ha-qr-scanner.ts
index 87d0399914..fe3bc8f0f6 100644
--- 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(
diff --git a/src/components/ha-target-picker.ts b/src/components/ha-target-picker.ts
index e9975db128..a7c5a79673 100644
--- 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}
diff --git a/src/dialogs/more-info/controls/more-info-fan.ts b/src/dialogs/more-info/controls/more-info-fan.ts
index fa657c7766..34cdeb9c04 100644
--- 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
diff --git a/src/dialogs/more-info/controls/more-info-light.ts b/src/dialogs/more-info/controls/more-info-light.ts
index 225848310e..0ab1dea391 100644
--- 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
diff --git a/src/layouts/hass-subpage.ts b/src/layouts/hass-subpage.ts
index a15eaa6eb1..7a342d00b8 100644
--- 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;
diff --git a/src/panels/config/automation/action/ha-automation-action-row.ts b/src/panels/config/automation/action/ha-automation-action-row.ts
index b6474dc2ac..a85feebf28 100644
--- 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}
                 >
diff --git a/src/panels/config/automation/action/ha-automation-action.ts b/src/panels/config/automation/action/ha-automation-action.ts
index 7ff8100b76..98b10bbffa 100644
--- 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
diff --git a/src/panels/config/automation/condition/ha-automation-condition-row.ts b/src/panels/config/automation/condition/ha-automation-condition-row.ts
index cc9886b278..1b1f915bfa 100644
--- 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}
                 >
diff --git a/src/panels/config/automation/condition/ha-automation-condition.ts b/src/panels/config/automation/condition/ha-automation-condition.ts
index 942fe074ae..12b4fd3bbb 100644
--- 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
diff --git a/src/panels/config/automation/ha-automation-editor.ts b/src/panels/config/automation/ha-automation-editor.ts
index ddc424f20d..fbf33c631f 100644
--- 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")}
diff --git a/src/panels/config/automation/ha-automation-picker.ts b/src/panels/config/automation/ha-automation-picker.ts
index 46473b7a09..ed461c4c96 100644
--- 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}
diff --git a/src/panels/config/automation/ha-automation-trace.ts b/src/panels/config/automation/ha-automation-trace.ts
index 8ff9e0da71..f158786187 100644
--- 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")}
diff --git a/src/panels/config/automation/trigger/ha-automation-trigger-row.ts b/src/panels/config/automation/trigger/ha-automation-trigger-row.ts
index 23911c1d9c..50b69d7765 100644
--- 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}
                 >
diff --git a/src/panels/config/cloud/alexa/cloud-alexa.ts b/src/panels/config/cloud/alexa/cloud-alexa.ts
index 8c666890dc..6c8dbda913 100644
--- 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")}
diff --git a/src/panels/config/cloud/google-assistant/cloud-google-assistant.ts b/src/panels/config/cloud/google-assistant/cloud-google-assistant.ts
index 74918de7ca..a2b4dada34 100644
--- 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")}
diff --git a/src/panels/config/core/ha-config-section-updates.ts b/src/panels/config/core/ha-config-section-updates.ts
index eccb13bcec..d10b79fae3 100644
--- 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")}
diff --git a/src/panels/config/dashboard/ha-config-dashboard.ts b/src/panels/config/dashboard/ha-config-dashboard.ts
index b8d8ee15ab..bbe63dcbbb 100644
--- 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")}
diff --git a/src/panels/config/devices/ha-config-device-page.ts b/src/panels/config/devices/ha-config-device-page.ts
index b4e0cb0b20..4bc94fbd4c 100644
--- 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(
diff --git a/src/panels/config/devices/ha-config-devices-dashboard.ts b/src/panels/config/devices/ha-config-devices-dashboard.ts
index 6f726df4df..e462a2c206 100644
--- 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(
diff --git a/src/panels/config/entities/ha-config-entities.ts b/src/panels/config/entities/ha-config-entities.ts
index 3e81973892..f0970c14bc 100644
--- 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(
diff --git a/src/panels/config/integrations/ha-config-flow-card.ts b/src/panels/config/integrations/ha-config-flow-card.ts
index d60e83c56c..d2005a10ff 100644
--- 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")}
diff --git a/src/panels/config/integrations/ha-config-integrations.ts b/src/panels/config/integrations/ha-config-integrations.ts
index 55f7f1bf66..5d02e064f1 100644
--- 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}
diff --git a/src/panels/config/integrations/ha-integration-card.ts b/src/panels/config/integrations/ha-integration-card.ts
index efdfeac5c0..01007b14c2 100644
--- 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")}
diff --git a/src/panels/config/integrations/ha-integration-overflow-menu.ts b/src/panels/config/integrations/ha-integration-overflow-menu.ts
index 94fd5128a2..f4591db5b7 100644
--- 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")}
diff --git a/src/panels/config/integrations/integration-panels/thread/thread-config-panel.ts b/src/panels/config/integrations/integration-panels/thread/thread-config-panel.ts
index fbde864a7a..c51a84b241 100644
--- 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}
                       >
diff --git a/src/panels/config/logs/ha-config-logs.ts b/src/panels/config/logs/ha-config-logs.ts
index a220344260..6788c9b639 100644
--- 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(
diff --git a/src/panels/config/lovelace/dashboards/ha-config-lovelace-dashboards.ts b/src/panels/config/lovelace/dashboards/ha-config-lovelace-dashboards.ts
index ea5169d445..3430181210 100644
--- 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")}
diff --git a/src/panels/config/network/supervisor-network.ts b/src/panels/config/network/supervisor-network.ts
index e6ac16e72b..5bb82e7973 100644
--- 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"}
diff --git a/src/panels/config/repairs/ha-config-repairs-dashboard.ts b/src/panels/config/repairs/ha-config-repairs-dashboard.ts
index 9a931c7060..a7a24a0852 100644
--- 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")}
diff --git a/src/panels/config/scene/ha-scene-dashboard.ts b/src/panels/config/scene/ha-scene-dashboard.ts
index a3a099c18a..11762b419b 100644
--- 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}
diff --git a/src/panels/config/scene/ha-scene-editor.ts b/src/panels/config/scene/ha-scene-editor.ts
index d09ddb57d2..4a93bb65e7 100644
--- 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
diff --git a/src/panels/config/script/ha-script-editor.ts b/src/panels/config/script/ha-script-editor.ts
index 7858cde13c..7db2fcd797 100644
--- 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")}
diff --git a/src/panels/config/script/ha-script-picker.ts b/src/panels/config/script/ha-script-picker.ts
index 7b8ee39922..70ddcc8758 100644
--- 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}
diff --git a/src/panels/config/script/ha-script-trace.ts b/src/panels/config/script/ha-script-trace.ts
index 5f7f1980b2..880ee8da1f 100644
--- 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")}
diff --git a/src/panels/config/storage/ha-config-section-storage.ts b/src/panels/config/storage/ha-config-section-storage.ts
index 29945f919a..3f7baa67f2 100644
--- 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")}
diff --git a/src/panels/lovelace/components/hui-card-options.ts b/src/panels/lovelace/components/hui-card-options.ts
index 7e34b16c70..18c32eafa4 100644
--- 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(
diff --git a/src/panels/lovelace/hui-root.ts b/src/panels/lovelace/hui-root.ts
index 0f9e67446f..11609b3bdf 100644
--- 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(
diff --git a/src/panels/media-browser/ha-bar-media-player.ts b/src/panels/media-browser/ha-bar-media-player.ts
index 5266eebf33..33f389f7b3 100644
--- 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`