Ionic 3 - Ion-Clickable Item

1

By using the ION-ITEM directive inside the ION-LIST, you can not click any element inside, eg a text field when we test with the iOS emulator in Chrome. >

<ion-list class="list-form">
  <ion-item tappable>
    <ion-label floating>
      <ion-icon name="mail" item-start class="text-white"></ion-icon>
      Email
    </ion-label>
    <ion-input type="email" formControlName="email"></ion-input>
  </ion-item>

  <ion-item>
    <ion-label floating>
      <ion-icon name="lock" item-start class="text-white"></ion-icon>
      Senha
    </ion-label>
    <ion-input type="password" formControlName="password"></ion-input>
  </ion-item>
</ion-list>
    
asked by anonymous 02.10.2017 / 00:03

1 answer

0

Try using ionFocus instead of clicking.

<ion-input type="email" formControlName="email" (ionFocus)="doSomething()"></ion-input>

You have several issues open about this problem, I believe it can be resolved in a future release. The problem is not the item but the input inside it.

    
14.10.2017 / 00:45