Keyboard overlaps with footer

Ionic Framework ionic-v3
1

Tried almost every solution on this forum and stack overflow none of them seems working.
This is happening in Android, any suggestions ?

<ion-footer>
  <ion-toolbar>
    <ion-row class="message_row">
      <ion-col col-9>
        <ion-item no-lines>
          <ion-input type="text" placeholder="Message" [(ngModel)]="message"></ion-input>
        </ion-item>
      </ion-col>
      <ion-col col-3>
        <button ion-button clear color="primary" (click)="sendMessage()" [disabled]="message === ''">
        Send
      </button>
      </ion-col>
    </ion-row>
  </ion-toolbar>
</ion-footer>
2

20190524_194634
20190524_194634.jpg1080×2069 142 KB

Nothing seems to work spent like 2 day on this one. A little help could really do it…

3

Had statusBar.show(); changed it to statusBar.hide(); now everything seems to work just fine.