Skip to content

Conversation

@deansheather
Copy link
Member

Replaces 100vh with 100dvh for the main app container to fix content clipping on mobile browsers with dynamic UI chrome.

Mobile Safari and other mobile browsers show/hide the address bar and toolbar on scroll. Using 100vh causes content to be cut off when this chrome is visible because 100vh represents the maximum viewport height (when chrome is hidden).

The 100dvh unit dynamically adapts to the actual visible viewport height as the browser chrome appears and disappears, preventing content from being clipped.

Generated with cmux

@deansheather deansheather added this pull request to the merge queue Nov 13, 2025
Merged via the queue into main with commit 6312afa Nov 13, 2025
13 checks passed
@deansheather deansheather deleted the dean-vdh branch November 13, 2025 23:42
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.

2 participants