Phonegap - IOS Keyboard And Dropdown 'compress' Webview Because Of Vh Unit

With an ionic/phonegap application I've this issue (Only on iOS). When the user need to write something o select and option the iOS control (keyboard or dropdown) appears and when

Solution 1:

The parent container(s) that holds the input element cannot contain height:100% or 100vh on iOS if thats what you are trying to do. I had this similar issue on iOS timepicker reducing the screen size and showing blank just like yours.

This usually happens if the keyboard height is half compared to the screen height of iOS device. On larger screens like iPhone 6, this issue doesn't happen.

I used min-height:480px and height:100vh on the same container that gets resized. It fixed my issue on the smaller devices.

This cordova.plugins.Keyboard.disableScroll(true); is not required.

Let me know if this works for you.