Typescript 3 Angular 7 StopPropagation and PreventDefault not working

You have two different events, one is mousedown and another is click.

The e.stopPropagation() only works if both of the events are of the same kind.

You can change the input like this to work as expected:

<input #inputBox matInput (click)="fireEvent($event)" max-width="12" />

Live example:
https://stackblitz.com/edit/angular-material-basic-stack-55598740?file=app/input-overview-example.ts

Leave a Comment

tech