Skip to content

fix(frontend): respect PWA safe areas - #198

Merged
KyleTryon merged 1 commit into
mainfrom
fix/frontend/respect-pwa-safe-areas
Sep 13, 2026
Merged

KyleTryon merged 1 commit into
mainfrom
fix/frontend/respect-pwa-safe-areas

Conversation

@KyleTryon

Copy link
Copy Markdown
Contributor

Installed Safari PWAs can place the editor’s Back and Export controls beneath the status bar. Apply browser-provided safe-area insets to the app shell and size full-height screens to the remaining viewport.

Shared dialogs and drawers now respect the same insets, including landscape edges and the home indicator. Preserve the existing edge-to-edge viewport settings and consolidate drawer padding to avoid applying it twice.

Closes #197.

Validation:

  • pnpm preflight passed (formatting, lint, type checks, knip, and repository tests).
  • Frontend production build passed; all 244 frontend tests passed.
  • Chromium layout checks passed with portrait, landscape, and zero insets, covering editor controls, export dialogs, drawers, connection/dashboard screens, and missing-video states.

Real installed iPhone PWA validation, including the reported iOS 27 behavior, remains outstanding. No public API changes.

@KyleTryon
KyleTryon marked this pull request as ready for review September 13, 2026 00:05
@KyleTryon
KyleTryon merged commit a6f8ae1 into main Sep 13, 2026
4 checks passed
@KyleTryon
KyleTryon deleted the fix/frontend/respect-pwa-safe-areas branch September 13, 2026 00:06
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.

[Bug]: Safari PWA spans into inaccessible top area

1 participant