The form is decompagged

I'm doing a project with ionic and now I have the problem that when I want to enter data to the login page, the fields run up decompagating the whole view; testing on an android device, I can not see what I entered at the beginning, but then loaded everything upside down.

This is my code

<ion-header>
<ion-navbar color="primary">
    <ion-buttons>
        <button ion-button (click)="viewCtrl.dismiss(false)">
    Cerrar
  </button>
    </ion-buttons>
</ion-navbar>

        <ion-item>
            <ion-label floating>Email</ion-label>
            <ion-input type="text" [(ngModel)]="email" required></ion-input>
        </ion-item>

        <ion-item>
            <ion-label floating>Password</ion-label>
            <ion-input type="password" [(ngModel)]="password" required></ion-input>
        </ion-item>

        <br>

        <ion-buttons class="centrado">
            <button ion-button round icon-left [disabled]="email.length === 0 || password.length === 0" (click)="iniciarSesion()">
              <ion-icon name="log-in"></ion-icon>
              Ingresar
            </button>
        </ion-buttons>

    </ion-slide>

    <ion-slide>
        <img src="../../assets/imgs/backgrounds/login/check.jpg" class="slide-image" />
        <h2 class="slide-title">¿Listo para empezar?</h2>

        <button ion-button large clear icon-right color="primary" (click)="ingresar()">
                  Continuar
                  <ion-icon name="arrow-forward"></ion-icon>
                </button>

    </ion-slide>

</ion-slides>

Clarification: this bug only happens with Android devices, with iOS work perfectly