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

**URL:** <https://forum.ionicframework.com/t/clicking-on-a-button-in-ion-item-sliding-cause-click-on-the-corresponding-ion-item-as-well/70551>\
**Category:** ionic-v3\
**Created:** [November 18, 2016, 5:16am UTC](https://forum.ionicframework.com/t/clicking-on-a-button-in-ion-item-sliding-cause-click-on-the-corresponding-ion-item-as-well/70551 "2016-11-18T05:16:51Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![viklele](https://avatars.discourse-cdn.com/v4/letter/v/bcef8e/32.png) [@viklele](https://forum.ionicframework.com/u/viklele)\
**Post date:** [November 18, 2016, 5:16am UTC](https://forum.ionicframework.com/t/clicking-on-a-button-in-ion-item-sliding-cause-click-on-the-corresponding-ion-item-as-well/70551/1 "2016-11-18T05:16:51Z")

</div>

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?

---

<div class="post-metadata">

**Author:** ![lucasbasquerotto](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/lucasbasquerotto/32/101719_2.png) [@lucasbasquerotto](https://forum.ionicframework.com/u/lucasbasquerotto)\
**Post date:** [November 18, 2016, 10:56am UTC](https://forum.ionicframework.com/t/clicking-on-a-button-in-ion-item-sliding-cause-click-on-the-corresponding-ion-item-as-well/70551/2 "2016-11-18T10:56:45Z")

</div>

@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();
    //...
}
```

---

<div class="post-metadata">

**Author:** ![viklele](https://avatars.discourse-cdn.com/v4/letter/v/bcef8e/32.png) [@viklele](https://forum.ionicframework.com/u/viklele)\
**Post date:** [February 27, 2017, 7:00am UTC](https://forum.ionicframework.com/t/clicking-on-a-button-in-ion-item-sliding-cause-click-on-the-corresponding-ion-item-as-well/70551/3 "2017-02-27T07:00:14Z")

</div>

@lucasbasquerotto thanks - that worked.