Hiding the footer when the keyboard is shown



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



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

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

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


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