Dynamic Dialog: Component gets non-modal if nested Dialog closes.

[Emredinho61]

Describe the bug

When using Dynamic Dialog, I realised that you can't scroll the background of the page . But once you click on "Nested Dialog", and than close the occuring second Dialog, the background is again scrollable . Even though the first Dialog is still open. Please refer to https://primevue.org/dynamicdialog/ to see an example or to the codesanbox I provided.

So the you can scroll the background even though a Dialog is open and set to modal.

Reproducer

https://codesandbox.io/s/primevue-demo-forked-j8kxxj?file=/src/App.vue

PrimeVue version

3.35.0

Vue version

3.x

Language

ALL

Build / Runtime

Vue CLI App

Browser(s)

No response

Steps to reproduce the behavior

1. Go to https://primevue.org/dynamicdialog/ or use the codesandbox I provided.
2. Find the First Example and Click on "Select a Product" Product List Dialog occurs
3. Realize that you cannot scroll on the background.
4. Click on "Nested Dialog" Information Dialog occurs
5. You still cannot scroll in the background
6. close the "Information Dialog"
7. Now you only see the "Product List Dialog" but now you are also able to scroll in the background.

Expected behavior

It shouldn't be possible to scroll the background after closing the nested Dialog.