Screen zooms out on iOS when dismissing keyboard

ionic-team / cordova-plugin-ionic-keyboard

Keyboard Plugin for Cordova

Other

192 stars 177 forks source link

Screen zooms out on iOS when dismissing keyboard #98

Open YCMitch opened 5 years ago

YCMitch commented 5 years ago

This appears to only affect iOS12, but in some instances (seems to be more textarea than input), when dismissing the keyboard it zooms the whole app in.

My viewport string is: <meta name="viewport" content="width=500, user-scalable=no, viewport-fit=cover" />

I have heard you can fix it with:

removing viewport-fit, but then iPhone X's fullscreen stuff won't work.
setting font-size to 16px, but my font size is already 20px...

Anyone encountered this before?

jcesarmobile commented 5 years ago

Why do you use a fixed width of 500 instead of width=device-width, I think your problem is related to that, so I'm not sure if this is a bug.

starterProgrammer commented 10 months ago

I had the same issue and fixed when add below code

index.html <meta name="viewport" content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />

I hope it will help :)