Iphone keyboard popup issue on phonegap apps?

ionic-v1
1

I am creating a new iphone apps using ionic.I had one problem on my app.If i click anyone input field the iphone keyboard is popup and also whole page positon was changing. Like the whole page is been compressed, it’s displayed at the top of the keyboard now.
I tried the template provided by ionic, the fixed footer cannot keep it’s position when a keyboard displayed.
Please guide me.

2

Hey there! So do you have the ionic keyboard installed?
Can you provide and example codepen or plnkr?

3

Thanks for you quickly response.

Yes, I have installed it. I use it to prevent the webview scrollable. Next it’s the code:
cordova.exec(null, null, “Keyboard”, “disableScroll”, [true]);

When I tap in the text field, the whole page been pushed up. Please look the attachment.

4

You may want to check out the repo for the plugin, doens’t seem like your syntax is correct.

For our keyboard plugin, you can disable scrolling like this

.run(function($ionicPlatform) {
  $ionicPlatform.ready(function() {
    if(window.cordova && window.cordova.plugins.Keyboard) {
      cordova.plugins.Keyboard.disableScroll(true);
    }
  });
})
1 Like