[BUG] An issue with Angular Language Service

[pshurygin]

🐞 Bug report

Description

.stop and .prevent syntax is not correctly handled by angular language service. This leads to errors being displayed by IDE when such syntax is used:

Compare it to the standard click event:

Expected behavior

No error is displayed, type of $event is displayed on hover, description of event is displayed on hover.

Versions

• OS: MacOS
• Angular 11
• JetBrains IDE (WebStorm/Rider/RubyMine etc) (not sure if the issue persists in VSCode, but i would think so)

Additional context

I'm not sure that this can be fixed on the plugin side, but still creating an issue, as this is very annoying to have these errors all around the IDE.

Added by @waterplea:
Also exact type of the $event variable is lost when using .stop and .prevent. This leads to compilation errors like this:

Argument of type 'Event' is not assignable to parameter of type 'MouseEvent'.

[waterplea]

Hi Pavel. Thank you for raising this issue. I will try to investigate where those types and descriptions come from and if it's possible to somehow augment it with plugin events.

[waterplea]

@pshurygin so I looked into it and forgot to report back. There's nothing we can do on our side. Here are issues you can vote on with a like to show they are relevant.

Angular Language Service:
angular/angular#40553

WebStorm:
https://youtrack.jetbrains.com/issue/WEB-47399

[waterplea]

@pshurygin I've added web types for WebStorm to the latest version, autocomplete and event types should work properly in WebStorm 2021.3.1