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

  1. 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

Merge request reports

Loading