fusion/.changeset/mobile-viewport-android-fixes.md at ef12df43635c93b42d1506b015c046e6d7ce1c54

Files

gsxdsm ed4d021d3d fix(dashboard): keep mobile nav visible on Android landscape and during keyboard

- Broaden mobile media query to include (max-height: 480px) so landscape
  phones (which exceed 768 CSS px wide) still render the bottom nav and
  mobile board layout instead of desktop horizontally-scrollable columns.
- Guard useMobileKeyboard against pinch-zoom (vv.scale > 1) — Android
  Chrome ignores user-scalable=no, and a focused textarea + zoom was
  false-positiving keyboard-open and hiding MobileNavBar.
- Read documentElement.clientHeight instead of stale window.innerHeight
  when computing keyboard overlap (Android multi-window can leave
  innerHeight cached at a wildly different value than the actual layout
  viewport — observed 2848 while html was 797).
- Add interactive-widget=resizes-content to the viewport meta so Android
  Chrome shrinks the layout viewport with the soft keyboard, matching iOS.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

2026-05-22 13:12:36 -07:00

994 B

Raw Blame History

@fusion/dashboard

@fusion/dashboard
patch

fix(dashboard): keep mobile nav visible on Android in landscape and when keyboard opens

Broaden mobile media query to (max-width: 768px), (max-height: 480px) so phones held in landscape (which exceed 768 CSS px wide) still render the bottom nav and mobile board layout instead of the desktop horizontally-scrollable columns.
Distinguish pinch-zoom from keyboard-open in useMobileKeyboard by checking visualViewport.scale > 1 — Android Chrome ignores user-scalable=no for a11y, and a zoomed-in textarea was false-positiving keyboard-open and hiding MobileNavBar.
Use documentElement.clientHeight instead of stale window.innerHeight when computing keyboard overlap (Android multi-window can leave innerHeight cached at a wildly different value than the actual layout viewport).
Add interactive-widget=resizes-content to the viewport meta so Android Chrome shrinks the layout viewport with the soft keyboard, matching iOS behavior.

994 B Raw Blame History

994 B

Raw Blame History