Hiding the footer when the keyboard is shown


#1

Hello,

I have read many threads about my issue but none of them seems to have the working solution.

I have an ion-footer element and want to hide this when I open the keyboard. Right now the footer will stick on top off the keyboard, blocking a part of the view. Does anyone have a working solution for Ionic 3?

Thanks in advance


#2

Anyone?

I am using the following code but the onKeyboardShow() doesn’t seem to fire at all:

this.keyboard.onKeyboardShow().subscribe(() => {
      this.showFooter = false;
      this.content.resize();
    });

    this.keyboard.onKeyboardHide().subscribe(() => {
      this.showFooter = true;
      this.content.resize();
    });

#3

Although the ionic-plugin-keyboard plugin is on the Ionic DevApp list, it does not seem to support the onKeyboardShow() methods. I finally got it working with exactly the same code on a live device using ionic cordova run