v19 DynamicDialog: Rendering problem when displaying Dynamic Dialog content without fix

[rosenthalj]

Describe the bug

PrimeNG's Dynamic Dialog fails to display content that doesn't have a fixed height.

The first video shows how the Dynamic Dialog fails to display a simple div (100% height and 100% width and red background)

DynamicDialogBad.mov

The second video shows v17 PrimeNG using the exact same program and the Dynamic Dialog working correctly

DynamicDialogGood.mov

Pull Request Link

No response

Reason for not contributing a PR

• Lack of time
• Unsure how to implement the fix/feature
• Difficulty understanding the codebase
• Other

Other Reason

tbd - but this is a valid issue

Reproducer

https://stackblitz.com/edit/vyyhpncb?file=src%2Fapp%2Fdemo%2Fproductlistdemo.ts,src%2Fapp%2Fimports.ts,src%2Fapp%2Fdynamic-dialog-example-demo.ts,src%2Fapp%2Fdemo%2Ffooter.ts,src%2Fapp%2Fdynamic-dialog-example-demo.html

Environment

n/a

Angular version

19

PrimeNG version

v19

Node version

n/a

Browser(s)

All

Steps to reproduce the behavior

1. Run the reproducer: https://stackblitz.com/edit/vyyhpncb?file=src%2Fapp%2Fdemo%2Fproductlistdemo.ts,src%2Fapp%2Fimports.ts,src%2Fapp%2Fdynamic-dialog-example-demo.ts,src%2Fapp%2Fdemo%2Ffooter.ts,src%2Fapp%2Fdynamic-dialog-example-demo.html
2. Click on the "Launch" button
3. A Dynamic Dialog will be displayed
   -- Dialog will be the correct height and width
   -- Red div in the center of the dialog will be missing

Expected behavior

Run the same program with this v17 reproducer: https://stackblitz.com/edit/a9zz8skp?file=src%2Fapp%2Fdynamic-dialog-example-demo.ts,src%2Fapp%2Fdemo%2Fproductlistdemo.ts,src%2Fapp%2Fdynamic-dialog-example-demo.html,src%2Fapp%2Fimports.ts

After pressing the "Launch" button the Dynamic Dialog will be displayed
-- Dialog will be the correct height and width
-- A Red div in the center of the dialog will be displayed