Skip to content

fix: black band under the tab bar in the installed app - #46

Merged
EnesYilmazcode merged 1 commit into
mainfrom
fix/standalone-height
Sep 29, 2026
Merged

EnesYilmazcode merged 1 commit into
mainfrom
fix/standalone-height

Conversation

@EnesYilmazcode

Copy link
Copy Markdown
Owner

iOS home-screen apps can report a viewport shorter than the screen at launch (vh, dvh, svh and innerHeight all come up short), so the app stopped above a black band. Earlier fixes swapped one CSS unit for another; they all read the same wrong number.

  • Installed: size html/body/#root to the real screen height (lib/viewport.js), re-measured on resize, orientation, pageshow and visibility change
  • Fixed layers (Now Playing, sheets, modals) reach down by the same gap
  • html paints the app background, so nothing uncovered is ever black
  • Long-press the tab bar now also shows view/screen/app heights for on-device checks
  • scripts/test-viewport.mjs simulates a 48px-short web view: fails before, passes after; browser mode unchanged

…OS reports

iOS home-screen apps can lay out shorter than the screen at launch, so the
tab bar, Now Playing and sheets stopped above a black band. Installed, size
to screen.height and reach fixed layers down by the gap. Adds a regression
test and viewport numbers to the long-press build readout.
@EnesYilmazcode
EnesYilmazcode merged commit d9b4608 into main Sep 29, 2026
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant