Skip to main content

Dynamic iframe height for embeds (postMessage or iframe-resizer)

General
I want to embed Featurebase changelog and roadmap pages as iframes in our web app and have them dynamically resize to match their content height. This would allow the host page to handle scrolling instead of the iframe. Specifically, I'm looking for: 1. A postMessage API that sends height events (on load, expansion, etc.). 2. A URL parameter like autoHeight=true. 3. Support for the iframe-resizer library (inclusion of iframeResizer.contentWindow.min.js). This is important because content height varies significantly (e.g., "Continue Reading" expansion) and depends on screen width, making a static height fallback non-viable.
Post type
✨ Other
Posted by Abderaouf Haroun ·
Status: Already exists1 comment

Log in to comment and vote

Comments1

  • Markus Palm changed status to Already exists
    Team•

    Jul 14

    Pinned

    Hey! Good news - this is already supported through the iframe-resizer library.

    Featurebase automatically includes the iframe-resizer child script when Changelog, Roadmap, or other public portal pages are loaded inside an iframe. You can initialize iframe-resizer on the parent page to keep the iframe height synchronized as its content changes, including when content is expanded.

    We don’t currently provide an autoHeight URL parameter or a separate Featurebase-specific height API, but the requested dynamic resizing behavior is available through iframe-resizer. We’ll also look at making this clearer in our documentation!