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

My home page looks like below.

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?