Stop Safari Auto Zooming Form Fields
Is the only way to prevent safari from auto zooming on form fields to set the font size of the fields to be at least 16px? I tried adding the meta tags as suggested here https://stackoverflow.com/questions/2989263/disable-auto-zoom-in-input-text-tag-safari-on-iphone but auto zooming still continues to happen
It seems slightly ludicrous to me that increasing the font size is the only solution
Stack Overflow
Disable Auto Zoom in Input "Text" tag - Safari on iPhone
I made an HTML page that has an <input> tag with type="text". When I click on it using Safari on iPhone, the page becomes larger (auto zoom). Does anybody know how to disable this?
3 Replies
It's an accessibility "feature". I'm not sure if it's actually easier for users in practice, but I also get why they do it... I mean, 16px is generally considered the smallest you want to go for most things from an accessibility point of view.
Thank you, Kevin!
I also found this "old" post from css tricks but it more or less reiterates your point https://css-tricks.com/16px-or-larger-text-prevents-ios-form-zoom/
I do know I've had it happen to me when I'm using my wife's phone, and I personally find it more jarring than anything, but it's been like that for so long now I don't think they plan on changing it 😄