Skip to content

fix(gui): account for iOS safe area inset on taskbar/dock#2682

Merged
jelveh merged 1 commit intomainfrom
unknown repository
Mar 19, 2026
Merged

fix(gui): account for iOS safe area inset on taskbar/dock#2682
jelveh merged 1 commit intomainfrom
unknown repository

Conversation

@ghost
Copy link
Copy Markdown

@ghost ghost commented Mar 18, 2026

Problem

The dock/taskbar is hidden behind the iOS Safari bottom toolbar on devices with home indicators (iPhone X+, newer iPads). The issue reports it "flashes when first visiting" and is "still clickable" but invisible.

Fix

Use env(safe-area-inset-bottom) to push the dock above the iOS safe area:

/* Before */
bottom: 5px;

/* After */
bottom: calc(5px + env(safe-area-inset-bottom, 0px));

The viewport-fit=cover meta tag is already present in initgui.js (line 359), so env() values are available. The 0px fallback ensures no change on non-iOS browsers.

Fixes #2517

The taskbar uses position:fixed with bottom:5px, which gets hidden
behind the iOS Safari bottom toolbar on devices with home indicators.

Use env(safe-area-inset-bottom) to push the dock above the safe area.
The viewport-fit=cover meta tag is already present in initgui.js.

Fixes #2517
@CLAassistant
Copy link
Copy Markdown

CLAassistant commented Mar 18, 2026

CLA assistant check
All committers have signed the CLA.

@jelveh jelveh merged commit 3628cf4 into HeyPuter:main Mar 19, 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.

Missing dock in iOS safari

2 participants