Skip to content

Commit 3e7ed44

Browse files
committed
fix: use 100dvh on html to prevent toolbar/statusbar scroll on mobile
height:100% on html resolves against the layout viewport which on iOS Safari can include the area behind the address bar and home indicator, pushing the toolbar off-screen. Using 100dvh (dynamic viewport height) keeps #app exactly equal to the visible area as browser chrome shows/hides. The 100% line is retained as a fallback for older browsers.
1 parent 7597934 commit 3e7ed44

1 file changed

Lines changed: 5 additions & 1 deletion

File tree

client/src/app.css

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -166,7 +166,11 @@
166166
padding: 0;
167167
}
168168

169-
html,
169+
html {
170+
height: 100%;
171+
height: 100dvh;
172+
}
173+
170174
body,
171175
#app {
172176
height: 100%;

0 commit comments

Comments
 (0)