Skip to content

Prevent iOS autozoom on inputs#50

Merged
brdv merged 2 commits intomainfrom
fix/autozoom-input
Mar 29, 2026
Merged

Prevent iOS autozoom on inputs#50
brdv merged 2 commits intomainfrom
fix/autozoom-input

Conversation

@MathijsR94
Copy link
Copy Markdown
Collaborator

Summary

  • Fix iOS Safari auto-zoom on input focus by changing input font size from 14px (text-sm) to 16px (text-base)
  • Add preview:tunnel script for testing on mobile devices via localtunnel

Problem

iOS Safari automatically zooms in when a user taps an input field with a font size smaller than 16px. This causes a jarring zoom effect and requires users to manually pinch-to-zoom back out.

Reproduction steps

  1. Run bun run preview:tunnel to build and start a tunneled preview server
  2. Open the localtunnel URL on your iOS device (URL in terminal)
  3. On the localtunnel landing page, copy the IP shown at the top and paste it into the input field to proceed
  4. Before fix: tapping any input field (username, PAT, date pickers) zooms the viewport
  5. After fix: the viewport stays at its current zoom level

Changes

  • Updated inputClass in three files from text-sm (14px) to text-base (16px):
    • src/components/AuthSection.tsx
    • src/components/DatePresets.tsx
    • src/components/SettingsDrawer.tsx
  • Added preview:tunnel script to package.json for mobile testing
  • Addes preview.allowedHosts to vite.config.ts to allow local testing

Test plan

  • Verify inputs no longer trigger auto-zoom on iOS Safari
  • Verify input styling still looks correct on desktop
  • Verify bun run preview:tunnel works end-to-end

@MathijsR94 MathijsR94 requested a review from brdv March 28, 2026 11:33
@MathijsR94 MathijsR94 added the ui & polish Visual refinements and animations label Mar 28, 2026
@brdv brdv force-pushed the fix/autozoom-input branch from e11ea98 to c45f4bb Compare March 29, 2026 14:54
@brdv brdv merged commit 7d620ba into main Mar 29, 2026
1 check passed
@brdv brdv deleted the fix/autozoom-input branch March 29, 2026 14:55
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

ui & polish Visual refinements and animations

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants