[Feature Request] Adopt Plausible's iframe height setting mechanism

[keiwanmosaddegh]

What

When embedding a Plausible Dashboard one is given a script tag that sets the height of the iframe automatically. Plausible is emitting an event with the height data that is listened to and applied to the Plausible iframe.

Adding the same to OpenPanel is a great way to improve the quality of life of embeddings.

[lindesvard]

Sure, sounds like a good idea. Please provide me with code sample and I can do that

[keiwanmosaddegh]

I dug in the Plausible codebase and found this:

https://github.com/plausible/analytics/blob/master/assets/js/embed.host.js

<script async src="https://plausible.io/js/embed.host.js"></script>

[lindesvard]

I got this working but radix modals screws me a bit, since they are miss-placed (centered of the content height) and you cannot scroll (since radix disables scroll). Not really sure how to get around this now.

resize.iframer.mp4

You have a branch up if you want to play around with it or if you have any solutions I would love to hear them.

IF ANYONE WANT TO CONTRIBUTE, HERE IS A GREAT FIRST ISSUE

[keiwanmosaddegh]

Oh, that looks neat - well done @lindesvard ! Might have some time later this week to look into this, thanks!

[lindesvard]

@keiwanmosaddegh if you have time for this I would very happy 🙏