Dialog z-index PrimeReact2

[stfabian]

Hi,

There seems to be an issue with the z-index of the dialogs.

Every click in the body of the dialog increases the z-index of all dialogs by 1, this results in issues with opening other overlays from the dialog (Appending the new dialog to the body does not help, see example below).

For example if you want to open a modal dialog from a normal dialog.
The normal dialog will appear on top again after clicking in the body of the modal dialog:
https://plnkr.co/edit/3i1V1m484gnIezmKBQv5?p=preview

Also MultiSelects, Dropdowns, ... (appended to the body to avoid dialog scrolling) do not work correctly (after clicking on them the dialog is shown above) in an dialog because of this issue.

I am using the "2.0.0-beta.9" version.

Thanks for looking into this issue.

[jerremyach]

Hi @stfabian,

We have the same issue. We created github issue. You might follow : https://github.com/primefaces/primereact/issues/596


Have a nice day,

[stfabian]

There is also an issue with the lightbox in an modal dialog.

The full image is shown behind the mask:

https://plnkr.co/edit/HqDGZAiH9spm5HWmzZ2m?p=preview

[cagatay.civici]

Overlays inside overlays are problematic in general, the inner one must have appendTo body for sure, we're investigating the z-index layering issue now.

[jerremyach]

Thank you!

[heindiez]

I got a the same problem to this. there seems to be a problem when lightbox component is used in a dialog/modal. are there any updates to this problem?

[acece]

This seems not solved yet?