Input box is covered by keyboard on mobile

I am tryin to build a login form and i want to scroll the input a little up when keyboard is pressed.
for now when i click on input box it is covered by keyboard on mobile.

        <ion-item>
          <ion-input class="emailtext" [formControl]="registerform.controls['email']" type="text" placeholder="Email" name="email"
            [(ngModel)]="registerform.email" required clearInput></ion-input>
        </ion-item>

        <ion-item>
          <ion-input placeholder="Password" [formControl]="registerform.controls['password']" 

[type]=“passwordType”
clearOnEdit=“false” required clearInput>
<button ion-button clear color=“dark” type=“button” item-right (click)=“hideShowPassword()”>
<ion-icon class=“passwordIcon” [name]=“passwordIcon”>

        <p *ngIf="!registerform.controls.email.valid &&
              (registerform.controls.email.dirty || submitted)" class="validator-error">
          Please enter a valid email.
        </p>

      </ion-list>
    </ion-col>
  </ion-row>

</form>
1 Like