AutoComplete: Change detection issue in dialog component

[rdkwow]

Describe the bug

In PrimeNG version 16.9.1, we encountered an issue with change detection when using the autocomplete component inside a dialog. The error occurs when preselecting a value in the form. This issue also exists in the latest version (17.0.0-rc.1).

Error message:

ERROR Error: NG0100: ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. Previous value: 'false'. Current value: 'true'. Expression location: CountryListDemo component.

Environment

Angular and PrimeNG, running on a Windows 10 box

Reproducer

https://stackblitz.com/edit/ojayvu?file=src%2Fapp%2Fdemo%2Fcountrylistdemo.ts

Angular version

16.2.12

PrimeNG version

16.9.1

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

18.15.0

Browser(s)

Chrome, Firefox, Edge

Steps to reproduce the behavior

1. Go to the Stackblitz page shown
2. Open dialog
3. Check console output

Expected behavior

It works without any errors, as it did in version 16.6.0.

[SoyDiego]

Hi @rdkwow. I did a PR solving the problem.
You can check here #14268.
Now we should wait if PrimeNG Team approve it.

Thanks!