Hacktoberfest 2026: the issues maintainers tagged for October, open and beginner-friendly. Browse Hacktoberfest issues

Bug Report: embedded iframe content gets clipped in resizable desktop windows on ipad safar

Open Beginner friendly
  • Is something wrong?
#21,607 0 comments 0 reactions 0 assignees View on GitHub

Maintainers usually reply within 1 day

Nobody has claimed this yet.

Assessment

Difficulty
2/5
Estimated time
1-3 hours
Newbie friendliness
68/100
Issue type
Bug
Clarity
Mostly clear
Activity status
Active
Tech stack
react, tailwindcss, typescript
Domain
frontend

Research direction

Start with the explorer component mentioned in the report and inspect how it wraps content in a scroll area at widths of 768px or less, then trace the intermediate container used by fullscreen layouts. Reproduce the clipped iframe and heading overlap in iPad Safari while resizing the window. Done means embedded content fills the available window area and remains scrollable across window dimensions.

Written by the indexing model from the issue text.

Description

Report

Tell us what went wrong and how we can reproduce it. Include URLs or screenshots if helpful.

i noticed some intermittent layout and scrolling issues while exploring the desktop-style website on my ipad in safari.

on the dictator or tech bro page, the embedded game sometimes renders in what looks like a roughly 150px-tall iframe, leaving most of the app window empty. attempting to scroll can also cause the page heading and logo to overlap or move behind other content.

resizing the app window seems to influence the behavior, and i’ve noticed similar clipping/scrolling problems on a few other pages.

i took a look through the source and noticed that the explorer component conditionally wraps content in a scrollarea at window widths of 768px or less, while fullscreen layouts omit the h-full class on an intermediate container.

i’m wondering whether that combination leaves the iframe without a definite parent height, causing it to fall back to its intrinsic height.

Image Image

Technical info

Tell us what browser and device you use, as well as any other info that may be relevant.

ipad, safari, ipados 26.6.2

Expected outcome, or solution

What did you expect to happen, instead of this?

embedded content should fill the available window area and remain scrollable regardless of window dimensions.

Dominant language
TypeScript
Stars
1.2k
Forks
932
Avg merge
1d 10h
Merged PRs (30d)
666

Getting set up

Open in Codespaces

Starts the project's dev container in your browser, under your own GitHub account.

  • No Dockerfile or Docker Compose file
  • Has a pull request template
  • No contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from PostHog/posthog.com

All issues in PostHog/posthog.com

Similar issues

More TypeScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.