Botić Denis Botić Denis - 1 year ago 127
CSS Question

input focus issue with html/css on iphone

I have problem with my html/css code on iphone.
Visit this link
and click on search icon in top bar.
After that You will see search bar.

Problem is starting when I click on search input box.

After that it seems like some element make body wider and I can scroll from left to right. Which shouldn't happen.

I can not find the issue causing this.

I have validate html and css.

Also I have another form on the bottom of the page. It is contact form and input fields are not making any problems on focus.

Answer Source

There is apparently a zoom issue on iOS when you click an input box the browser zooms in on that box, only way to fix is have the font size of the input box 16px or greater.

font-size: 16px;

Hope this helps.

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download