Ionic 2 - ion-list component hides second item in Android platform

Ionic Framework ionic-v3
1

My home page looks like below.

image
doubt1.JPG381×596 23.4 KB

My home page looks like below.

enter image description here

My home page html code is as below.

<ion-content class="background">
  <p class="page-title">Talker</p>
  <ion-card>
    <ion-card-header>
     Login
    </ion-card-header>
     <ion-card-content>
        <ion-list>
          <ion-item active>
            <ion-input type="item" placeholder="Username"></ion-input>
          </ion-item>
          <ion-item active>
            <ion-input type="password" placeholder="Password"></ion-input>
          </ion-item>
        </ion-list>
        <a class="right-align-text">Forgot Password</a>        
        <button ion-button block outline color="light"><p>OR</p></button>          
        <button ion-button block facebook color="facebook">
              <ion-icon name="logo-facebook"> </ion-icon> Login With Facebook
        </button>
      </ion-card-content>
  </ion-card>
</ion-content>

Now, when I run the code, I am not able to enter the ‘Password’ detail. If I click on Password field, the page automatically looks like below.

image

This happens only on Android platform. When I choose to run the same code in IOS platform, everything works fine. Can Someone please help me regarding this?