dfe141b406
iOS Safari zooms the viewport when a focused form control's font-size is < 16px. The dense design uses text-xs/sm/[11px] on inputs, which triggered the zoom on every input across the app. Add one unlayered media query forcing 16px on input/textarea/select for touch-primary devices (@media (pointer: coarse)) — covering phones AND tablets of any size (incl. 1024/1366px iPad Pro that a width cap would miss) while keeping the small desktop sizing for mouse pointers. Unlayered so it wins over Tailwind's utility classes. Verified via touch emulation: inputs render 16px on phone/iPad/iPad-Pro widths (matchMedia(pointer:coarse)=true) and stay 14px on mouse desktops at any width. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com> |
||
|---|---|---|
| .. | ||
| css | ||
| fonts | ||
| js | ||
| views | ||