Weird Keyboard Behaviour in Android

ionic-v1
1

Hello everyone,
I have been dealing with this particular issue for 4 days and it is really frustrating. I have a page that has a couple of form fields. When one of the input field loses focus, the keyboard slides down as expected but then a white background is displayed in place of where the keyboard appeared. I have attached an image to demonstrate the problem.
http://imgur.com/ca2cNZv7
I am testing on an Android 5.0.1 phone using Ionic 1.0.0 and the Ionic Keyboard plugin. I really need help with this issue. I have attached a Codepen to show my code. Thank you!

2

Try using cordova.plugins.Keyboard.disableScroll(true); in app.run

or

on focus out try $ionicScrollDelegate.resize().

3

I had cordova.plugins.Keyboard.disableScroll(true) in my code before. I tried $ionicScrollDelegate.resize() and it still does not work.

4

I’m having this issue as well. Mine happens if you go from an input field (the keyboard is up) and then click on a select field. When the select field selection happens, the keyboard remains.

5

The way i’ve hacked this to solve it is that I’ve added css:

.pane, .view {
background: transparent;
}

.view-container {
//set this to your default background color or image:
background: url(‘bg-pattern.png’);
}