Ionic 2 is not able to handle two gesture in a element

I am using gesture in ion-item, as shown below -

<ion-item *ngFor="let taskInfo_ of task_.task_list; let j = index" (tap)="getTaskDetailsPage(taskInfo_,task_)" (press)="pressEvent($event, taskInfo_)" [ngClass]="taskInfo_.task_priority">

  • If I do long press then it does but tap too.

So How can I handle this ?


i run this code on my chrome browser, and the result is different with you

<ion-content padding>

    <ion-item *ngFor="let item of items" (tap)="itemTapped($event, item)" (press)="itemPressed($event)">
        <ion-icon name="{{ item.icon }}" item-left></ion-icon>
        <h2>{{ item.title }}</h2>
        <p>{{ item.note }}</p>


export class HomePage {

selectedItem: any;
icons: string[];
items: Array<{ title: string, note: string, icon: string }>;

    private navCtrl: NavController,
    navParams: NavParams) {

    // If we navigated to this page, we will have an item available as a nav param
    this.selectedItem = navParams.get('item');

    this.icons = ['flask', 'wifi', 'beer', 'football', 'basketball', 'paper-plane',
        'american-football', 'boat', 'bluetooth', 'build'];

    this.items = [];
    for (let i = 1; i < 20; i++) {
            title: 'Item ' + i,
            note: 'This is item #' + i,
            icon: this.icons[Math.floor(Math.random() * this.icons.length)]

    setTimeout(() => {
    }, 1000);

itemPressed(e) {

itemTapped(event, item) {
    this.navCtrl.push(ItemDetailsPage, {
        item: item
    console.log("push ItemDetailsPage over");


You mean ,it is working?

yes, it works right.

At Long press , I am giving alert which is automatically dismiss itself. May I know why this is happing?