Nested Radzen dialogs is hidden by the parent dialog

Radzen.Blazor Components
1

I have a parent side dialog
await DialogService.OpenSideAsync(
options: new SideDialogOptions
{
Position = DialogPosition.Bottom,
Height = "90%",
CloseDialogOnOverlayClick = true
});

I launch a child dialog from the parent dialog via:
var confirmationResult = await this.DialogService.Confirm("Are you sure?", "my title", new ConfirmOptions { OkButtonText = "Yes", CancelButtonText = "No" });
if (confirmationResult == true)
{
...
}

problem is that the confirmation dialog is hidden by the parent dialog. Only if I close the parent dialog, do I see the confirmation dialog.
(same issue also happens with regular dialogs).

2

We are not aware of such problem - everything works as expected in our demos:

image
image1920×1080 169 KB

image
image1920×1080 173 KB

UPDATE: I just saw that you are using side dialog and I was able to replicate the problem - we will check what's causing this and I'll post update.

3

You can use this style to avoid the problem:

<style type="text/css">
.rz-dialog-wrapper {
  z-index: 1002;
}
</style>
4

Also see this possibly related issue... I ran into it today, where a side dialog blocks any alert dialog when open: Confirm Dialog hidden behind Side Dialog - Radzen.Blazor Components - Radzen

5

Looks like the same problem. Try the style from my previous post.