From 676612a12b591280c12d69592575c6d4c95a471d Mon Sep 17 00:00:00 2001 From: sravan Date: Sat, 18 Jul 2026 17:27:54 +0530 Subject: [PATCH] fix(mobile): disable zoom via viewport meta (not font-size) + reveal msgs during slide - Revert font-size:16px !important (it made the composer ~4 lines tall). Disable iOS zoom with viewport maximum-scale=1,user-scalable=no instead -> composer keeps its size, AND double-tap-to-zoom (in-chat search arrows #3) is gone. touch-action:manipulation on controls as belt-and-suspenders. Custom lightbox pinch still works (it's transform-based, not browser zoom). - Transition: show the newest message immediately (was hidden until images loaded -> empty pane slid in then popped = the 'jumping' feel). Pinning still prevents dance. Build marker -> 2026-07-18-batch114. Co-Authored-By: Claude Opus 4.8 --- server/public/home.html | 27 ++++++++++++--------------- 1 file changed, 12 insertions(+), 15 deletions(-) diff --git a/server/public/home.html b/server/public/home.html index 7158a19..07be1dc 100644 --- a/server/public/home.html +++ b/server/public/home.html @@ -2,7 +2,7 @@ - + Biz Connect @@ -1028,7 +1028,10 @@ That zoom scales & offsets the visual viewport (vvW 428→394, vvTop→74 in the device report), which scrambled every keyboard/safe-area calculation. Forcing 16px on all form fields stops the zoom, so the keyboard behaves predictably and the composer sits correctly. This is THE keyboard root cause. */ - input,textarea,select{font-size:16px !important;} /* !important: beats .composer-row textarea{.92rem} etc. — any <16px focus re-triggers the iOS zoom */ + /* iOS zoom is now disabled via the viewport meta (maximum-scale=1), so inputs can keep their real + size — no font-size override needed. touch-action:manipulation also removes the double-tap-to-zoom + gesture on controls (e.g. the in-chat search up/down arrows). */ + button,a,.iconbtn,.ic-btn,.railbtn,.chat-row,[role=button]{touch-action:manipulation;} /* #3: kill any horizontal drift on phones (long content, over-wide children, safe-area math) — the page must never pan left/right. Clip every scroll surface and let long words/URLs wrap. */ html,body{overflow-x:hidden;} @@ -1120,7 +1123,7 @@ -