Confirm modal showing under dropdown list

Radzen Studio Blazor Server
1

Please see my below issue. While selecting a value from dropdown model form is coming under dropdown list. modal confirm should come up on dropdownlist. How can I fix that? Thanks !
image

modal confirm
image
Below my code:

var isConfirmed = await DialogService.Confirm("Do you wish to change the Deal Id based on the new Risk Type?", "Deal Identity Change",
new ConfirmOptions() { OkButtonText = "Yes", CancelButtonText = "No" });

if (isConfirmed.HasValue && isConfirmed.Value)
{
// doing some staff
}

2

Thanks for the report! It will be fixed in the next update later this week.

1 Like
3

Actually I spoke too soon. The z-index of the popup should be always greater than the z-index of the dialog in order components like DropDown, DropDownDataGrid, etc. to be used normally in dialogs. How is this confirm dialog shown? In the Change event of the DropDownDataGrid?

1 Like
4

Yes, RadzenDropDownDataGrid Change event
Change=@(args=> onDropDownChange((string)args))

5

The only option I can suggest for such scenario is to close the DropDownDataGrid popup before confirm using Radzen.closePopupsOnScroll() function:

image
image1920×1080 214 KB

6

await JsRuntime.InvokeVoidAsync("Radzen.closePopupsOnScroll");
Sorry I'm not getting this function Radzen.closePopupsOnScroll()
I'm using Radzen.Blazor 3.2.7 version. Thanks !

Error: Microsoft.JSInterop.JSException: Could not find 'Radzen.closePopupsOnScroll' ('closePopupsOnScroll' was undefined).
Error: Could not find 'Radzen.closePopupsOnScroll' ('closePopupsOnScroll' was undefined).

7

The latest version is 3.12.1.

1 Like
8

I have updated Radzen.Blazor version. Now its working. Thanks !