Skip to content

Keep mobile form inputs at 16px to prevent iOS zoom-on-focus - #26

Merged
luistorres merged 1 commit into
mainfrom
lt/fix-ios-input-zoom
May 28, 2026
Merged

luistorres merged 1 commit into
mainfrom
lt/fix-ios-input-zoom

Conversation

@luistorres

@luistorres luistorres commented May 28, 2026 •

Copy link
Copy Markdown
Owner

Why:

On iOS Safari, focusing any text input zoomed the page and panned the viewport, clipping content off the right edge — most painful in the chat where the input is focused repeatedly. iOS auto-zooms into any focused form control whose font-size is below 16px, and every text input in the app was under that threshold (text-[15px], and the PDF page-jump field at text-sm).

This change addresses the need by:

  • Adding a base CSS rule that holds input/textarea/select at the 16px minimum — the threshold below which iOS triggers zoom-on-focus.
  • Removing the per-input sub-16px overrides (chat composer, search, advanced-search fields, and the PDF viewer page-number input) so the minimum applies everywhere and future inputs inherit it safely.
  • Leaving the viewport meta untouched (no maximum-scale lock), so pinch-to-zoom and accessibility are preserved.

@luistorres
luistorres force-pushed the lt/fix-ios-input-zoom branch from 18a9055 to 3232996 Compare May 28, 2026 09:51
@luistorres
luistorres merged commit c5d4d14 into main May 28, 2026
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant