Summary
On iOS Safari, several text inputs and textareas render below 16px, which triggers automatic zoom when the field receives focus.
Affected areas
- login form
- register form
- /sites search
- other custom search and textarea fields using the same smaller font sizing
Root cause
The affected fields use Tailwind text sizing below 16px on mobile. In Tailwind's mobile-first model, the unprefixed utility is the mobile style, while breakpoint-prefixed utilities apply from that breakpoint upwards.
Proposed fix
Keep real text inputs and textareas at 16px (text-base) so Mobile Safari does not auto-zoom on focus.
Notes
This is intentionally scoped to actual text entry fields, not labels, buttons, checkboxes, or radio controls.
Summary
On iOS Safari, several text inputs and textareas render below 16px, which triggers automatic zoom when the field receives focus.
Affected areas
Root cause
The affected fields use Tailwind text sizing below 16px on mobile. In Tailwind's mobile-first model, the unprefixed utility is the mobile style, while breakpoint-prefixed utilities apply from that breakpoint upwards.
Proposed fix
Keep real text inputs and textareas at 16px (
text-base) so Mobile Safari does not auto-zoom on focus.Notes
This is intentionally scoped to actual text entry fields, not labels, buttons, checkboxes, or radio controls.