We’re using an iframe to embed Looker in our application.
Some of our dashboards are much deeper than the depth of a user’s screen. When we embed without setting a min-height CSS we can end up with two scroll bars: one for our application and one for Looker.
So we added a min-height greater than the dashboard height and that fixed the issue. We only had one scroll bar – for our application…
However, when drilling into a Look, the visualization now takes on the full height of the min-height, essentially rendering it unreadable because the visualization is now several screens deep.
However, there are a couple things I don’t like about that approach. One is that it will probably slow rendering the page a tiny bit or there may be a visible jump as the iframe resizes, the other is that resizing the monitor would require recalculating the viewport size.
Just wondering if anyone else has encountered this issue, and if so as any advice?