Help! ionic cordava keyboard issue


#1

origin question is here: http://stackoverflow.com/questions/30056803/ionic-cordava-keyboard-pushing-ion-footer-bar-off-screen

See following screen shot:

this is the chatting page, everything goes fine

But if i tap the footer input

could see the keyboard push the footer input bar out of screen.


I use ionic 1.0.0-rc.5, and use keyboard-attach on the ion-footer-bar. This problem appears in the ios, i haven’t tested android.

Have been struggling for quite a while, how could i fix it, thanks a lot for help!

Update: this view is inside a tab view, and i use tabs-item-hide to hide the tab bar. Maybe I should separate it from tabs so the ion-footer-bar become the only footer in this page?

Update: I separate the chatting view from tabs view, bug still exists :frowning:

Thanks a ton for help !!! >.<


#2

I delete keyboard-attach, then it works.

Following the doc http://ionicframework.com/docs/api/directive/keyboardAttach/ not work, so wierd. :frowning:


#3

The issue is not with the keyboard attach directive, but with scrolling.

You would need to add cordova.plugins.Keyboard.disableScroll(true) to disable the webview scrolling and prevent the header bar from scrolling out of view.


#4

I have the same issue. Work solution is run this function on controller load:

function test()
{
cordova.plugins.Keyboard.disableScroll(false);
cordova.plugins.Keyboard.disableScroll(true);
}