Fix ha-button-menu menuCorner attribute (#23301)

Fix menuCorner attribute
2025-07-24 09:46:36 +00:00 · 2024-12-16 08:47:36 +01:00 · 2024-12-16 08:47:36 +01:00 · 6db9bf800a
commit 6db9bf800a
parent 65458538a7
11 changed files with 13 additions and 12 deletions
--- a/src/components/ha-button-menu.ts
+++ b/src/components/ha-button-menu.ts
@ -14,7 +14,8 @@ export class HaButtonMenu extends LitElement {

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

-  @property({ attribute: false }) public menuCorner: MenuCorner = "START";
+  @property({ attribute: "menu-corner" }) public menuCorner: MenuCorner =
+    "START";

  @property({ type: Number }) public x: number | null = null;

--- a/src/dialogs/more-info/ha-more-info-dialog.ts
+++ b/src/dialogs/more-info/ha-more-info-dialog.ts
@ -338,7 +338,7 @@ export class MoreInfoDialog extends LitElement {
                      ></ha-icon-button>
                      <ha-button-menu
                        corner="BOTTOM_END"
-                        menuCorner="END"
+                        menu-corner="END"
                        slot="actionItems"
                        @closed=${stopPropagation}
                        fixed
@ -426,7 +426,7 @@ export class MoreInfoDialog extends LitElement {
              ? html`
                  <ha-button-menu
                    corner="BOTTOM_END"
-                    menuCorner="END"
+                    menu-corner="END"
                    slot="actionItems"
                    @closed=${stopPropagation}
                    fixed
--- a/src/panels/config/voice-assistants/dialog-voice-assistant-pipeline-detail.ts
+++ b/src/panels/config/voice-assistants/dialog-voice-assistant-pipeline-detail.ts
@ -141,7 +141,7 @@ export class DialogVoiceAssistantPipelineDetail extends LitElement {
                slot="actionItems"
                @action=${this._handleShowWakeWord}
                @closed=${stopPropagation}
-                menuCorner="END"
+                menu-corner="END"
                corner="BOTTOM_END"
              >
                <ha-icon-button
--- a/src/panels/lovelace/components/hui-badge-edit-mode.ts
+++ b/src/panels/lovelace/components/hui-badge-edit-mode.ts
@ -123,7 +123,7 @@ export class HuiBadgeEditMode extends LitElement {
        <ha-button-menu
          class="more"
          corner="BOTTOM_END"
-          menuCorner="END"
+          menu-corner="END"
          .path=${[this.path!]}
          @action=${this._handleAction}
          @opened=${this._handleOpened}
--- a/src/panels/lovelace/components/hui-card-edit-mode.ts
+++ b/src/panels/lovelace/components/hui-card-edit-mode.ts
@ -138,7 +138,7 @@ export class HuiCardEditMode extends LitElement {
        <ha-button-menu
          class="more"
          corner="BOTTOM_END"
-          menuCorner="END"
+          menu-corner="END"
          .path=${[this.path!]}
          @action=${this._handleAction}
          @opened=${this._handleOpened}
--- a/src/panels/lovelace/editor/card-editor/hui-card-layout-editor.ts
+++ b/src/panels/lovelace/editor/card-editor/hui-card-layout-editor.ts
@ -101,7 +101,7 @@ export class HuiCardLayoutEditor extends LitElement {
          @closed=${stopPropagation}
          fixed
          .corner=${"BOTTOM_END"}
-          .menuCorner=${"END"}
+          menu-corner="END"
        >
          <ha-icon-button
            slot="trigger"
--- a/src/panels/lovelace/editor/conditions/ha-card-condition-editor.ts
+++ b/src/panels/lovelace/editor/conditions/ha-card-condition-editor.ts
@ -114,7 +114,7 @@ export class HaCardConditionEditor extends LitElement {
            @closed=${stopPropagation}
            fixed
            .corner=${"BOTTOM_END"}
-            .menuCorner=${"END"}
+            menu-corner="END"
          >
            <ha-icon-button
              slot="trigger"
--- a/src/panels/lovelace/editor/dashboard-strategy-editor/dialogs/dialog-dashboard-strategy-editor.ts
+++ b/src/panels/lovelace/editor/dashboard-strategy-editor/dialogs/dialog-dashboard-strategy-editor.ts
@ -114,7 +114,7 @@ class DialogDashboardStrategyEditor extends LitElement {
          <span slot="title" .title=${title}>${title}</span>
          <ha-button-menu
            corner="BOTTOM_END"
-            menuCorner="END"
+            menu-corner="END"
            slot="actionItems"
            @closed=${stopPropagation}
            fixed
--- a/src/panels/lovelace/editor/section-editor/hui-dialog-edit-section.ts
+++ b/src/panels/lovelace/editor/section-editor/hui-dialog-edit-section.ts
@ -147,7 +147,7 @@ export class HuiDialogEditSection
            slot="actionItems"
            fixed
            corner="BOTTOM_END"
-            menuCorner="END"
+            menu-corner="END"
            @closed=${stopPropagation}
            @action=${this._handleAction}
          >
--- a/src/panels/lovelace/editor/view-editor/hui-dialog-edit-view.ts
+++ b/src/panels/lovelace/editor/view-editor/hui-dialog-edit-view.ts
@ -216,7 +216,7 @@ export class HuiDialogEditView extends LitElement {
            slot="actionItems"
            fixed
            corner="BOTTOM_END"
-            menuCorner="END"
+            menu-corner="END"
            @action=${this._handleAction}
            @closed=${stopPropagation}
          >
--- a/src/panels/profile/ha-refresh-tokens-card.ts
+++ b/src/panels/profile/ha-refresh-tokens-card.ts
@ -148,7 +148,7 @@ class HaRefreshTokens extends LitElement {
                    <div>
                      <ha-button-menu
                        corner="BOTTOM_END"
-                        menuCorner="END"
+                        menu-corner="END"
                        @action=${this._handleAction}
                        .token=${token}
                      >