From 2e4e646c0631df7eb7cd7a195f2ec1f858a9aefd Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Sk=C3=BAli=20Arnlaugsson?= Date: Sun, 8 Mar 2026 23:54:15 +0000 Subject: [PATCH] fix: toolbar pushed off-screen on iPad Safari with tabs On iPad Safari with the tab bar visible, `100vh` extends behind the browser chrome, pushing the fixed-position toolbar out of view. - Add `viewport-fit=cover` to viewport meta tag - Use `100dvh` with `100vh` fallback for body/.app height - Set `--app-height` CSS variable from `visualViewport.height` via JS - Offset fixed toolbar on iOS Safari using the layout/visual viewport delta --- src/web/public/index.html | 4 ++-- src/web/public/mobile-handlers.js | 21 ++++++++++++++++++++- src/web/public/mobile.css | 8 ++++++++ src/web/public/styles.css | 7 +++++++ 4 files changed, 37 insertions(+), 3 deletions(-) diff --git a/src/web/public/index.html b/src/web/public/index.html index 59d08694..b668d953 100644 --- a/src/web/public/index.html +++ b/src/web/public/index.html @@ -2,7 +2,7 @@ - + @@ -25,7 +25,7 @@