Updates the containing iFrame's height to match the height of the content.
The resizeIframe function updates your extension's <iframe> height to match the height of the content. It uses document.body.scrollHeight or document.documentElement.scrollHeight (whichever is smaller) and applies the height to the style attribute of the <iframe>.
Tecton will automatically fire this in the background on the page load and resize events. Additionally, we apply a ResizeObserver to watch for changes to the height of the document.body and update the <iframe> height from those as well.
tecton.actions.resizeIframe(): void;Manually trigger a resize calculation if content has changed dynamically.
tecton.actions.resizeIframe();When using the resizeIframe action, there are important details to keep in mind.
We advise against setting a height or max-height on elements that contain the content (e.g., document, body, <main>), as that will override the container's ability to update with resizeIframe. This can cause things like forcing an inner scrollbar.
There are 2 frequently asked questions related to this page.