iPhone zooms in on input

CalderaWP / Caldera-Forms

Drag and drop, responsive WordPress form builder.

https://CalderaForms.com

GNU General Public License v2.0

187 stars 166 forks source link

iPhone zooms in on input #544

Open AustinGil opened 8 years ago

AustinGil commented 8 years ago

This isn't so much a bug with the plugin as much as a UI bug with iPhones. When clicking on an input with the font size smaller than 16px (the default font size for Caldera) the phone will zoom the screen in.

The font size is applied to ".caldera-grid .form-control". Changing it to font size 16px or adding a break point for that would solve this issue.

Shelob9 commented 8 years ago

I'm not sure this is a bug. Shouldn't it zoom in? I'm not very familiar with iOS, but isn't that a good thing on mobile? @Desertsnowman what do you think?

AustinGil commented 8 years ago

Yeah, like I said, it's not really a bug. But the problem is that after it zooms in, the screen does not automatically zoom out. This creates horizontal scrolling on the site which wouldnt otherwise be the case.