Hi bricks team,
In iPhone browsers, when the user clicks on inputs (For example, form elements or live search), they are automatically zoomed in. This has a negative impact on the user experience. I currently use this meta tag to prevent zooming of inputs.
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
It would be great if there was an option to disable inputs zoom.
Thank you
Well, this is the browser’s default behavior. There’s a reason it works this way, so disabling it is not a good idea.
Anyway, I suggest using 16px or larger for your input fields. That way, there will be no zoom.
@HOSEIN I definitely would advise against adding maximum-scale. You’re basically disabling the user’s ability to zoom in.
See a screenshot from MDN Docs:
As @MartinWB suggested, simply ensure your rendered form input font size is greater than 16px.
Hi guys, thanks for the advice.
I agree that changing the font size is a more logical solution.
thanks again
