Skip to content

PWA titlebar overlaps iOS safe area #35480

Closed as not planned
Closed as not planned

Description

@Vercantez

Problem

When the web app is installed to the home screen as a standalone PWA on iOS, the top titlebar starts under the status bar / notch area. The menu and top-left controls can be hard to reach.

Expected

The titlebar should account for the safe-area insets in standalone PWA mode.

Notes

The app already uses viewport-fit=cover; the titlebar needs to include the CSS env(safe-area-inset-*) values.

Activity

  1. Vercantez commented on Jul 5, 2026

    @Vercantez
    Author

    Added before/after screenshots from the affected installed iOS PWA setup.

    Before:

    Before: titlebar overlaps iOS status bar

    After:

    After: titlebar respects iOS safe area

  2. ropepop commented on Jul 22, 2026

    @ropepop

    Still reproducible with OpenCode 1.18.3 in the standalone home-screen PWA on an iPhone 17 Pro Max running the latest iOS 27 developer beta. The thread/title controls are rendered underneath the iOS status bar and time, making the top controls difficult to access. The attached screenshot also shows the related mobile composer-control overlap.

    OpenCode iOS standalone PWA layout overlap
  3. github-actions commented on Sep 20, 2026

    @github-actions
    Contributor

    To stay organized issues are automatically closed after 60 days of no activity. If the issue is still relevant please open a new one.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions