Openpanel-dev/openpanel

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

Open

#224 opened on Nov 2, 2025

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

Description

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.

Contributor guide

Tech stack
typescriptjavascriptreact
Domain
frontendfull stack
Issue type
feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
half day
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
fresh
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
mostly clear
Prerequisites
Understanding of iframe messagingFamiliarity with React or similar frontend framework
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
65
Research direction
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.