Openpanel-dev/openpanel

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

Open

#224 opened on 2025年11月2日

GitHub で見る
 (5 comments) (0 reactions) (0 assignees)TypeScript (5,840 stars) (369 forks)user submission
enhancementgood first issuehelp wanted

説明

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.

コントリビューターガイド

技術スタック
typescriptjavascriptreact
領域
frontendfull stack
Issue 種別
feature
難度新しい貢献者にとっての実装難度です。1 は非常に小さな変更、5 は専門的な作業です。
3
推定時間経験ある貢献者が調査、実装、テスト、pull request 準備にかけるおおよその時間範囲です。
half day
活動状況Issue が今どれだけ取り組みやすいかを示します。新しい、活発、古い、ブロック中、またはメンテナー入力待ちなどです。
fresh
明確さ期待される変更、受け入れ条件、次の手順がどれだけ明確かを示します。
mostly clear
前提条件
Understanding of iframe messagingFamiliarity with React or similar frontend framework
初心者向け度初回貢献者にどれだけ取り組みやすいかを 1-100 で推定したスコアです。
65
調査方針
Review Plausible's implementation of iframe height auto setting (likely using postMessage). Check the OpenPanel dashboard embedding code (possibly in a component like `EmbeddedDashboard` or similar). Implement a similar mechanism where the dashboard sends a postMessage with height info, and the parent page listens and adjusts the iframe height. Ensure compatibility with existing embedding setup. See linked comments in issue for any additional context.
[Feature Request] Adopt Plausible's iframe height setting mechanism · Openpanel-dev/openpanel#224 | Good First Issue