Nested p-dialog do not move correcly

[maxime-gr]

Describe the bug

When nesting a p-dialog inside another p-dialog, the p-dialog cannot be dragged correctly.

Environment

See stackblitz.

Reproducer

https://stackblitz.com/edit/angular-ivy-aeokxn?file=src/app/app.component.html

Angular version

15.0.4

PrimeNG version

15.0.0

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

8.5.4

Browser(s)

No response

Steps to reproduce the behavior

Move the p-dialog nested into the other p-dialog, the p-dialog move at the bottom left of the viewport.

Expected behavior

It should have the same behavior as when the p-dialog is not nested.

[cetincakiroglu]

Hi @maxime-gr,

Could you please update the Stackblitz example, it seems broken.

[maxime-gr]

Hi @cetincakiroglu,

I probably forgot to save it at some point... I updated my original comment.

[deepakoraon19]

A workaround would be appending the dialogs into the body, try adding [ appendTo = "body" ] to the dialog, works for me.

[mylifeandcode]

Having this issue as well in v17.4.0, and appendTo="body" does not correct it.