Dialog Opened from FluentDataGrid Cell Does Not Receive Focus

[mvitula]

Hi,
I’m trying to open a FluentUI Dialog when a user clicks a cell in a FluentDataGrid. The Dialog appears, but the initial focus seems to be on the overlay, not the Dialog window or its contents.

Here’s what happens:

When the Dialog opens, I can’t interact with its contents immediately.
If I click the “Dismiss” button, the overlay becomes lighter. At this point, I can interact with and close the Dialog as expected.
Is there a recommended way to ensure the Dialog receives focus immediately when opened from a DataGrid cell? Any guidance or examples would be appreciated.

The razor of the dialog is the same as here: https://www.fluentui-blazor.net/Dialog#customizeddialog
The DialogService.ShowDialogAsync looks also pretty much the same

Thank you!

[mvitula]

Hi,
I do apologise. I completely overlooked that the FluentDialogProvider is already defined in MainLayout. I removed the FluentDialogProvider element from the component and now is all working fine.
Thanks