I have a page in my app with two links. One link opens up a page which embeds the metabase home page and the other link opens up a page which embeds the metabase new question page.
I have used iframe-resizer-react to resize my embedded metabase content.
Now, the metabase home page embedding works fine. It sets a height to the iframe according to the content size.
But the metabase new question embedding has some issues. It sets very less height like 150px to the iframe, which leads to either hiding half of the content or a scrollbar inside the iframe.
I am using same iframe configuration for both pages.
<IframeResizer
forwardRef={iframeRef}
heightCalculationMethod="lowestElement"
sizeHeight
checkOrigin={false}
bodyBackground="transparent"
src={embedUrl}
title="Metabase"
frameBorder="0"
style={{ width: '1px', minWidth: '100%'}}
allowtransparency />