2

I have a mobile site which zooms in on drop downs, when they receive focus on an iPhone, because the font size is less that 16px. That has been covered here:

Disable Auto Zoom in Input "Text" tag - Safari on iPhone

... Zooming is fine, however, when the iPhone has zoomed in after focusing on a drop down, it stays zoomed in. It would be totally fine if it zoomed back out again when I move to the next control or select a value. As it stays zoomed in, the form no longer fits on the screen.

I'm guessing the zooming-back-out could be done in JavaScript, but is there an iPhone-specific setting that will instruct it to auto-zoom-out?

Ideally this won't affect Android devices, unless they have similar issues.

CoffeeTableEspresso
  • 2,614
  • 1
  • 12
  • 30
Martin Dye
  • 21
  • 5
  • The correct answer for this I've found is to design the form correctly to be mobile friendly more, and not have small fonts. It required some simplification and a clean design. – Martin Dye Jun 23 '23 at 10:24

0 Answers0