Ionic Keyboard Overlap Hides Div Content

I’m running my app through the iOS Ionic View app. Clicking the Email input results in the keyboard covering some of the register button - closing the keyboard or moving on the next input makes the whole form disappear (I can still click inputs but can’t see them). If I click the 2nd/3rd input first then everything is fine.



I have installed the ionic keyboard plugin and I’ve included this in my app.js:
if (window.cordova && window.cordova.plugins.Keyboard) {cordova.plugins.Keyboard.disableScroll(true);}

I don’t know how to go about solving this…problem is only on iOS, android works fine.

If you’re on ionic 1.2.1,
You could try adding overflow-scroll="false" to the ion-content tag,
that would turn off the default native-scrolling that comes with ionic 1.2.1.

I’m guessing we are facing the same problem.
Only mine is white background, so what left me is an empty white screen.
And yes it only occurs on iOS.

1 Like

That stops content from disappearing but shows it at the top and makes the screen scrollable.

I found a workaround by removing the keyboard accessory bar and making the form height smaller so it doesn’t overlap the button. Now the issue I seem to have is clicking the disabled button makes the keyboard reappear instead of close fully.