Skip to main content

Hi,

We, at Veesual, use the Embedded Amplitude reports as dashboards for our users, allowing the business team to be completely autonomous from the tech team, it works great (although pretty slow to load).

The problem is the Embedded Amplitude reports are integrated inside iframes with a specific height, which means, whenever a report is edited (adding or removing graphs) the content height changes which creates a double scroll until we manualy adjust the iframe height.

It would be great if we could simply use something like iframe-resizer (https://github.com/davidjbradshaw/iframe-resizer) in order for the iframe content to automaticaly send its content height to the parent throught iframe messages. On your side, this would only mean injecting the iframeResizer.contentWindow.min.js file in each report, and specify in your doc that the iframes are iframe-resizer compatible.

Today, the only way I can think of in order to adjust the height automaticaly is to load the iframe content inside puppeteer regularly in order to mesure the total height and adjust the iframe HTML code.

Thanks in advance for reading me :)

Damien

Thanks for this idea @Damien. I’ve just submitted it to the team for review! 😁