Click events happening twice


I have the following code:

   <button tappable  (click)="test()"  ion-button >
     <button  tappable (click)="test2()" ion-button >
test() {
  test2() {
      alert('test 2');

Now when I click in one of the buttons I get one alert. If I click on the other button I get alert from the previous click and the alert for the current click.

Why is this happening?


You should not need to include tappable on your button, that is only for when you need to make non-interactive elements ‘tappable’

I just spun up a sample and could not reproduce the issue.