electerious / electerious/basicLightbox

Height 100vh is too tall on iOS Safari

Open
#27 2 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
604
Forks
57
PR merge metrics
No merged PRs in 30d

Description

On iOS Safari, if the two navigation bars are shown, 100vh is actually taller than the screen area available. So if you make a scrollable popup, it won't be possible to scroll down far enough to see all of the content.

In my site, just setting .basicLightbox's height to 100% instead seems to fix it.

Contributor guide

No contributing guide indexed for this repository

Research direction

Locate the .basicLightbox styles and reproduce a scrollable popup on iOS Safari with both navigation bars visible. Verify whether changing the height behavior resolves the viewport overflow, then confirm that all popup content can be reached by scrolling on the affected browser.

Written by the indexing model from the issue text.

Assessment

Tech stack
css
Domain
frontend
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
38/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.