Search code examples
arraysbuttonangular-materialngforripple-effect

Leaking click event


I'm having this problem related to click events in angular. My application is a tic-tac-toe app. My application uses angular materials. The problem: when a user clicks a button on the board, the click event seems to be leaking into a nearby button on the board. The following image demonstrates what I'm talking about. Image of problem. As you can see, the button in col 1 row 2 was activated even though that button was not clicked. Below is a blitz of my application.

https://stackblitz.com/github/flashato9/tic-tac-toe

It would be great if I can get some help on this problem. Thanks!


Solution

  • Problem Solved

    Here is the link posted by Vimal Patel in the comments.