Ichitux/FarmaFinder
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

fix(mobile): lock viewport, disable iOS bounce, fix 100vh reflow
Build & Push Docker Images / test-backend (push) Successful in 20s
Details
Build & Push Docker Images / test-frontend (push) Successful in 22s
Details
Build & Push Docker Images / build-backend (push) Successful in 17s
Details
Build & Push Docker Images / build-frontend (push) Successful in 27s
Details

Browse Source 
Root cause: html/body had no height/overflow constraint, so the
webview allowed rubber-band overscroll. .app used min-height: 100vh
which on iOS resolves to the larger viewport (behind URL bar), causing
layout to reflow when the bar collapses.

- index.css: html/body locked to 100% height, overflow hidden,
  overscroll-behavior none; #root set to exact 100dvh
- App.css: .app height: 100dvh (was min-height: 100vh) with
  overflow-y: auto + overscroll-behavior: contain so the .app
  becomes the scroll container
- capacitor.config.json: ios.bounces false, contentInset never

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Ichitux
2026-06-27 13:16:44 +02:00
parent 803eaab134
commit 5b75321406
3 changed files with 12 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/App.css
+3 -1
View File
@@ -1,5 +1,7 @@
.app {
min-height: 100vh;
height: 100dvh;
overflow-y: auto;
overscroll-behavior: contain;
padding: 3rem 1.5rem;
max-width: 1000px;
margin: 0 auto;