Click events happening twice


#1

I have the following code:

   <button tappable  (click)="test()"  ion-button >
             test
     </button>
             
     <button  tappable (click)="test2()" ion-button >
                test2
     </button>
test() {
      alert('here');
  }
  
  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?


#2

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.