cordova-plugin-ionic-keyboard icon indicating copy to clipboard operation
cordova-plugin-ionic-keyboard copied to clipboard

Screen zooms out on iOS when dismissing keyboard

Open YCMitch opened this issue 6 years ago • 2 comments
trafficstars

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?

YCMitch avatar Jul 19 '19 07:07 YCMitch

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.

jcesarmobile avatar Aug 22 '19 14:08 jcesarmobile

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 :)

starterProgrammer avatar Oct 17 '23 15:10 starterProgrammer