electerious / electerious/basicLightbox
Height 100vh is too tall on iOS Safari
- 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