---
schema_version: "1"
id: f5f0c74cf65e438743065bcb0ee96a1fa6dd94019f690046ce0e1bb1f1dca24f
title: Auto-Resize Embedded MFE Widgets to Fit Content (Developer Preview)
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/release-notes/262-0-0/rn_mfe_auto_resize.md
canonical_url: https://help.salesforce.com/s/articleView?id=release-notes.rn_mfe_auto_resize.htm&release=262.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: a96a4c2cef1ebec9b60427a80e62860cceb9d3957044b8e55213f4c95ab72ad8
description: Embedded MFE widgets automatically resize their container to match content height. Dynamic forms, tables, and expandable sections render at their natural height without layout workarounds.
products:
  - Cross Cloud
release: "262"
---
# Auto-Resize Embedded MFE Widgets to Fit Content (Developer Preview)

Embedded MFE widgets automatically resize their container to match content height. Dynamic forms, tables, and expandable sections render at their natural height without layout workarounds.

**Where:** This change applies to Lightning Experience, Experience Builder sites, and Experience Cloud LWR sites in all editions.

![Note](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-release-notes-salesforce_release_notes-262-0-0-production-enus/e945111b-3e0a-4011-accc-d5949363bfcc/images/icon_note.png)

Note The Dev Channel provides access to features that are not generally available and have been designated as pilot, beta, limited release, or developer preview. Their use is at the Customer's sole discretion and is subject to the Beta Services Terms at [Agreements - Salesforce.com](https://www.salesforce.com/company/legal/).

**How:** Auto-resizing is active by default. The framework observes content height changes inside the iframe and adjusts the container automatically. Auto-resize affects height only — width is always 100% of the parent container.

External widgets must import `@salesforce/experimental-mfe-bridge` for auto-resizing to work. The bridge handles height calculation and communication with the host.

Keep these considerations in mind:

- To cap maximum height, wrap the shell in a container with `max-height` and `overflow: auto`.
- To disable auto-resize, listen for the `resize` event on `<lwc-shell>` and call `event.preventDefault()`.
- Avoid `min-height: 100vh` or `height: 100vh` on the widget's root container — viewport units cause an infinite resize loop.
- Reset body margins in your widget (`margin: 0; padding: 0`) to prevent unnecessary scrollbars.

Supported browsers: Chrome 64+, Firefox 69+, Safari 13.1+, Edge 79+.