Ion-content being pushed up by keyboard

phone.html

<ion-header>
  <ion-navbar class="show-navbar android-attr" color="primary">
    <ion-title>Phone Verificatio</ion-title>
  </ion-navbar>
</ion-header>

<ion-content text-center no-bounce class="no-scroll">
  <ion-list class="no-scroll">
    <ion-toolbar color="secondary">
      <button ion-button clear (click)="openCountryList()" color="light">
        <ion-icon name="arrow-dropdown" style="padding-right:1rem"></ion-icon>
        <img src="assets/world-countries/{{geoLocale.cca3 | lowercase}}.svg" height="16" style="padding-right:1rem">
        {{geoLocale.name.common}}
      </button>
    </ion-toolbar>
    <ion-item no-lines>
      <ion-label><h2>Phone Number</h2></ion-label>
    </ion-item>
    <ion-item>
      <ion-input type="tel" placeholder="Phone Number" autocomplete="off" autocorrect="off"> </ion-input>
    </ion-item>
    <button ion-button icon-right (click)="startRegistration()" large clear>
      Verify
      <ion-icon name="arrow-forward"></ion-icon>
    </button>
  </ion-list>
</ion-content>