Fix iOS input zoom on mobile devices
What does this MR do and why?
Prevents automatic zoom on iOS mobile browsers when focusing on form input fields with font-size less than 16px. iOS Safari and Chrome automatically zoom in when users focus on input fields with font-size < 16px. This is a browser accessibility feature intended to prevent text from being too small, but it disrupts the user experience by unexpectedly zooming the page.
References
Change font size of inputs to 1rem on mobile (#469418 - closed)
Screenshots or screen recordings
| Before | After |
|---|---|
How to set up and validate locally
- Test a form input like shown in the screenshots when on a mobile sized screen with touch activated or not.
MR acceptance checklist
Evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.
Edited by Austin Regnery