I have a pesky problem with autocomplete which boils down to exactly this : one of my <input /> is moving on focus. Now most users will focus this input by clicking on it, and I need to catch this click event and stop the propagation before it reaches the body.

I made a stackblitz to reproduce the issue: both inputs have (click)="$event.stopPropagation()"

• when clicking the static input the click will be caught and won't propagate
• when clicking on the moving input, the click will propagate to the body because (focus) is triggered before (click)

https://stackblitz.com/edit/angular-ivy-qnyqvl?file=src/app/app.component.html

Is there any way to catch this click event ? I want to avoid any kind of setTimeout delay on the focus if possible

Thanks