openclaw/oikos
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

fix(pwa): fix remaining iOS scroll bleed and safe-area height overflow (#16)

Browse Source 
Root cause 1 (scroll bleed): padding-top was applied to body in standalone
mode. Since .app-shell has height: 100dvh, body-padding shifted the shell
beyond the viewport bottom - enabling body-level scrolling.
Fix: moved padding-top from body to .app-shell in the standalone media query.

Root cause 2 (content overflow): fixed-height page containers
(Calendar, Shopping, Meals, Notes, Budget, Contacts) calculated height as
100dvh - nav-bottom - safe-area-inset-bottom, but never subtracted the top
safe area. This caused each page to overflow .app-content by exactly
env(safe-area-inset-top) pixels in standalone mode.
Fix: added --safe-area-inset-top token and subtracted it in all 6 height
calculations.

Service worker cache bumped to v27/v26.
This commit is contained in:
Ulas
2026-04-06 10:10:01 +02:00
parent f4268ce696
commit dd6c8a313a
10 changed files with 27 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/sw.js
+3 -3
View File
@@ -12,9 +12,9 @@
* API: Immer Netzwerk (kein Caching von Nutzerdaten)
*/
const SHELL_CACHE = 'oikos-shell-v26';
const PAGES_CACHE = 'oikos-pages-v25';
const ASSETS_CACHE = 'oikos-assets-v25';
const SHELL_CACHE = 'oikos-shell-v27';
const PAGES_CACHE = 'oikos-pages-v26';
const ASSETS_CACHE = 'oikos-assets-v26';
const ALL_CACHES = [SHELL_CACHE, PAGES_CACHE, ASSETS_CACHE];
// App-Shell: sofort benötigt für ersten Render