Clicking on a button in ion-item-sliding cause click on the corresponding ion-item as well

Ionic Framework ionic-v3
1

I am using ion-item-sliding with a couple of buttons that are revealed when the user slides the item.

I have a click event handler for the ion-item as well as the buttons. I am trying to provide a default action through item click and additional actions through slide buttons.

Now when the user clicks on one of these buttons, the corresponding button click is triggered (as expected) and also the click event of ion-item is also getting triggered.

Is this by design or an anomaly?

2

@viklele I think that is the normal behaviour of javascript DOM events, even outside Ionic/Angular. You can stop the event propagation, though:

In the .html file:

(click)="myClickHandler($event)"

In the .ts file:

myClickHandler(event: Event) {
    event.stopPropagation();
    //...
}
3

@lucasbasquerotto thanks - that worked.