Hi all,

If we start from this REPL example, which is discussed on this page, the workaround is to show the Dialog with a delay in the UpdateDate handler.

    public async Task UpdateDate(DateTime? dtChanged)
    {
        await Task.Delay(400);
        await Dialogs.ConfirmAsync("Really change date?", "Confirmation");
    }

The problem in the REPL example is that the Dialog shows while the DatePicker popup is still open. When the popup closes, the DatePicker takes back the focus, which moves the Window on top of the Dialog.

When you add the delay, the Dialog will show after the DatePicker gains focus, so it won't be able to steal it afterwards.

Regards,
Dimo
Progress Telerik

Hello,

Thank you all for helping me reproduce the behavior on my side.

Indeed, this is an actual bug. Thus, I'm including it as a part of an already existing one: Predefined Dialogs triggered from nested components or in OnInitialized don't cover a modal window.

I will also change the status of this item to "Duplicated" and send your votes to the original item.

Your cooperation was highly valued during the process of investigations.

Regards,
Hristian Stefanov
Progress Telerik

Hi Rytis,

I've conducted thorough testing on the provided REPL sample (https://blazorrepl.telerik.com/wnkXwMFk57sXYqvx43) using two different laptops. Surprisingly, the alert consistently remains correctly positioned above the window on both devices. This has led me to question whether the link provided is indeed the correct reference.

For additional clarity, I've also attached a video illustrating the behavior I'm encountering. You can review this behavior in the attached file, "alert-in-window.gif."

Could you please share an updated reproduction that accurately reflects the issue?

Regards,
Hristian Stefanov
Progress Telerik

Hi Christian,

To investigate the issue, I attempted to replicate the problem by creating an example with a predefined dialog inside a modal window on versions 4.4 and 4.5. On my end, it seems that the predefined dialog is displayed correctly, always on top of the modal window. I'm sharing the sample via this REPL link for your reference, so you can compare it with the actual application to determine if anything is missing or if there are other factors that may be causing the issue.

As a next step, could you modify the above REPL sample to represent the configuration you are testing with? This will allow me to see the behavior firsthand and delve deeper into the scenario.

I look forward to your reply.

Regards,
Hristian Stefanov
Progress Telerik