Password: ExpressionChangedAfterItHasBeenCheckedError on ToggleMask

[NiBurhe]

Describe the bug

I want to use p-password like this

<p-password [fluid]="true" [formControl]="control" [toggleMask]="true"...

This parts get rendered with an *ngIf condition. When the condition changed and the password get rendered I get this error

requests.js:1 ERROR RuntimeError: NG0100: ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. Previous value: 'false'. Current value: 'true'. Expression location: _TextInputComponent component. Find more at https://angular.dev/errors/NG0100
at throwErrorIfNoChangesMode (core.mjs:10493:9)
at bindingUpdated (core.mjs:18604:9)
at bindingUpdated2 (core.mjs:18618:21)
at pureFunction2Internal (core.mjs:28422:10)
at Module.ɵɵpureFunction2 (core.mjs:28230:10)
at TextInputComponent_ng_template_1_Template (text-input.component.html:5:79)

The location in the text-input Component is the one where I use the p-password toggleMask

Environment

Windows 10

Reproducer

No response

Angular version

18.2.9

PrimeNG version

18.0.0-beta.3

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

20.18.0

Browser(s)

Chrome 130.0.6723.117

Steps to reproduce the behavior

No response

Expected behavior

No response

[github-actions]

We're unable to replicate your issue, if you are able to create a reproducer by using PrimeNG Issue Template or add details please edit this issue. This issue will be closed if no activities in 20 days.