Skip to content

chore(box): measure the black band instead of guessing at it again - #36

Merged
frahlg merged 1 commit into
mainfrom
measure-the-band-instead-of-guessing
Aug 10, 2026
Merged

chore(box): measure the black band instead of guessing at it again#36
frahlg merged 1 commit into
mainfrom
measure-the-band-instead-of-guessing

Conversation

@frahlg

@frahlg frahlg commented Aug 10, 2026

Copy link
Copy Markdown
Member

Temporary, and it comes back out as soon as it has been read once.

Four rounds of theory have not settled the black band under Fredrik's tab bar. Every measurement so far has been mine, in a desktop browser — no notch, no home indicator, no standalone window. The meta tags and manifest check out (viewport-fit=cover, black-translucent, standalone, background_color: #0d0d0d), the shell paints html, body and .app all in --surface, and at 320×568 / 430×932 / 844×390 the bar sits on the bottom edge with gap: 0.

So one line in the Box tab reports the five numbers that separate the three remaining stories:

win 852 · vis 852 · app 852 · nav 852 · inset 34px · sa yes
  • app < win → the shell stops short (a viewport-unit problem).
  • nav < app → the bar stops short (a flex problem).
  • app = nav = win, and the band is still there → the band is outside the web view, iOS is drawing it, and no CSS in this repo can reach it. That last one is worth knowing before writing any more CSS at it.

npm run verify: 809 passed.

🤖 Generated with Claude Code

TEMPORARY. Four rounds of theory have not settled where the band under
the tab bar comes from, and every measurement so far has been mine on a
desktop browser — which has no notch, no home indicator and no standalone
window. A line in the Box tab reports the five numbers that tell the three
remaining stories apart: the window height, the visual viewport, where the
shell ends, where the tab bar ends, and the home indicator's inset.

If the shell and the bar both end at the window height, the band is
outside the web view and no CSS in this repo can reach it — which is worth
knowing before writing any more of it. Comes straight back out once it has
been read once.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
@frahlg
frahlg merged commit 9424bde into main Aug 10, 2026
2 of 3 checks passed
@frahlg
frahlg deleted the measure-the-band-instead-of-guessing branch August 10, 2026 14:38
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