Compiler error: [p-autoComplete] Argument of type 'Event' is not assignable to parameter of type 'MouseEvent'

[igordanilovski]

Describe the bug

In this specific case:
<p-autoComplete #autoComplete styleClass="p-custom-autocomplete default-input-field" [(ngModel)]="selectedPlaceShownText" [suggestions]="placesPredictions!" (onSelect)="selectPlace($event)" (onClear)="closeDropdown()" (completeMethod)="searchPlaces($event)" (onFocus)="autoComplete.handleDropdownClick($event)"

When compiling the app, the compiler gives me the following error:

There is definitely something wrong with the package because here the param is Event (autocomplete.d.ts)

But the function requires MouseEvent as a param.

I can't fix this issue and can't find any workaround so I think the team should look into this.

Environment

Local.

Reproducer

No response

Angular version

16.1.0

PrimeNG version

16.0.1

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

18.16.0

Browser(s)

No response

Steps to reproduce the behavior

No response

Expected behavior

It should be changed to Event, probably... As I saw that was used in previous versions.

[volvachev]

Hi, I don't quite understand what the click method and the focus event have to do with it?
click !== focus - why you used click for that?

workaround for you case

(onFocus)="onFocus($event)"

public onFocus(event: Event) {
  this.autoCompleteRef.handleDropdownClick(event as MouseEvent);
}

[igordanilovski]

Thanks, I will try it, but I think that this is a bug on their side, I think. I have this code since Angular 15 and primeng 15 version, nothing is changed, but after installing primeng 16 I think this started as an issue. With initial release 16.0.0-rc1 there wasn't any issue, but after that this issue appeared.