diff --git a/src/Umbraco.Web.UI.Client/src/packages/block/block-grid/components/block-grid-entry/block-grid-entry.element.ts b/src/Umbraco.Web.UI.Client/src/packages/block/block-grid/components/block-grid-entry/block-grid-entry.element.ts index 4b001add3d6f..a79090a812a4 100644 --- a/src/Umbraco.Web.UI.Client/src/packages/block/block-grid/components/block-grid-entry/block-grid-entry.element.ts +++ b/src/Umbraco.Web.UI.Client/src/packages/block/block-grid/components/block-grid-entry/block-grid-entry.element.ts @@ -55,6 +55,7 @@ export class UmbBlockGridEntryElement extends UmbLitElement implements UmbProper #context = new UmbBlockGridEntryContext(this); #renderTimeout: number | undefined; + #layoutContainerResizeObserver = new ResizeObserver(() => this.#callUpdateInlineCreateButtons()); @state() private _contentTypeAlias?: string; @@ -347,6 +348,19 @@ export class UmbBlockGridEntryElement extends UmbLitElement implements UmbProper ); this.#callUpdateInlineCreateButtons(); + if (this.parentElement) { + this.#layoutContainerResizeObserver.observe(this.parentElement); + } + } + + override disconnectedCallback(): void { + super.disconnectedCallback(); + this.#layoutContainerResizeObserver.disconnect(); + } + + override destroy(): void { + this.#layoutContainerResizeObserver.disconnect(); + super.destroy(); } protected override updated(_changedProperties: PropertyValueMap | Map): void {