Component: Dialog - error when using Headless mode

[nckirik]

Describe the bug

when Dialog becomes visible in headless mode, i get this error.

ERROR TypeError: this.contentViewChild is undefined

the error and stack trace generated by the run time wasn't helpful, so i tried to trace the error.

• when modal is set to visible, animation starts and onAnimationStart method gets called
• if the focusOnShow isn't disabled focus method gets called.
• focus directly references contentViewChild in its parameters and its body.
• contentViewChild is also directly referenced in onResize method, but since headless doesn't have the ability to be resized or dragged, it won't be called.

currently, the only workaround i can see is using [focusOnShow]="false" so focus won't be called

Environment

AnalogJS in NX workspace

AnalogJS: 1.2.2
NX: 18.3.2
PrimeNG: 17.14.1
Angular: 17.3.5
Node:

Reproducer

https://stackblitz.com/edit/github-ruzusn?file=src%2Fapp%2Fapp.component.ts

Angular version

17.3.5

PrimeNG version

17.14.1

Build / Runtime

TypeScript

Language

TypeScript

Node version (for AoT issues node --version)

20.12.2

Browser(s)

No response

Steps to reproduce the behavior

No response

Expected behavior

No response

[mertsincan]

Hi,

So sorry for the delayed response! Improvements have been made to many components recently, both in terms of performance and enhancement. Therefore, this improvement may have been developed in another issue ticket without realizing it. You can check this in the documentation. If there is no improvement on this, can you open a new issue so we can include it in our roadmap?

Thanks a lot for your understanding!
Best Regards,

[nckirik]

thx anyway, I'll try it again after migrating to 18