I am trying to open a simple dialog with two MudButtons.

The dialog component:

<MudDialog>
    <DialogContent>
        <MudText>Cost or Foreign Cost?</MudText>
    </DialogContent>
    <DialogActions>
        <MudButton 
            Color="Color.Warning"
            OnClick="() => MudDialog.Close(DialogResult.Ok(false))">
            <MudText>
                Cost
            </MudText>
        </MudButton>
        <MudButton 
            Color="Color.Success"
            OnClick="() => MudDialog.Close(DialogResult.Ok(true))">
            <MudText>
                Foreign Cost
            </MudText>
        </MudButton>
    </DialogActions>
</MudDialog>

@code {
    [CascadingParameter] 
    MudDialogInstance MudDialog { get; set; }
}

I have a method in my Index.razor page that opens the dialog.

protected internal async Task<bool> ColumnDialog()
{
    bool result = false;
    await InvokeAsync(async () =>
    {
        var Dialog = DialogService.ShowAsync<Components.Dialogs.ASNColumnDialog>("", new(), new() { DisableBackdropClick = true, CloseOnEscapeKey = false });
        var Result = await Dialog.Result.Result;
        result = (bool)Result.Data;
    });

    return result;
}

When calling the method through a button’s onclick, the dialog opens and the buttons works as expected.

But when I call the method through an external class, the buttons are unresponsive.

I’m calling the method in the class like so:

var res = await _indexPage.ColumnDialog();

_indexPage is the Index.razor instance I have passed to my class

Any ideas why the dialog buttons are unresponsive? Does it have anything to do with the context in which the dialog is being opened? TIA