Ionic slide hiding content when the keyboard appears

@IgorSamer wrote:

I’m trying to use ion-slides component, but, when I focus some input and the keyboard appears, the content is repositioned to the top and is almost impossible to see. With browser works fine, but, when I ionic cordova run android --device this strange behavior happens.

Prints:

When I enter on the app:

WhatsApp Image 2018-01-07 at 21.52.55 (2).jpeg720x1280 31.4 KB

When some input is focused and the keyboard is shown:

WhatsApp Image 2018-01-07 at 21.52.55 (1).jpeg720x1280 39.2 KB

And when keyboard is hidden again:

WhatsApp Image 2018-01-07 at 21.52.55.jpeg720x1280 32.2 KB

WhatsApp Image 2018-01-07 at 21.52.54.jpeg720x1280 31.6 KB

My code:
<ion-content padding class="bg-gradient swiper-no-swiping">
  <ion-slides>
    <ion-slide>
      <h1>What's your name?</h1>

      <span margin-bottom>Tell me, please.</span>

      <form [formGroup]="formName" (ngSubmit)="submitName(formName.value)">
        <ion-grid no-padding>
          <ion-row>
            <ion-col>
              <ion-item margin-bottom>
                <ion-input type="text" placeholder="First Name" formControlName="firstName"></ion-input>
              </ion-item>
            </ion-col>

            <ion-col>
              <ion-item margin-bottom>
                <ion-input type="text" placeholder="Last Name" formControlName="lastName"></ion-input>
              </ion-item>
            </ion-col>
          </ion-row>
        </ion-grid>

        <button ion-button block type="submit" [disabled]="!formName.valid">Next</button>
      </form>
    </ion-slide>

    <ion-slide>
      <h1>Heeey!</h1>
    </ion-slide>
  </ion-slides>
</ion-content>
How can I fix it?