Show a modal dialog

[idotta]

Hey there! Firstly, thanks for this amazing library!

I'm trying to reproduce the most basic modal dialog with a model. The dialog opens with Show and returns a result when closed. However, it's not opening as a modal dialog. The overlay doesn't change and I can still interact the components in the background while the dialog is open.

Can there be some configuration I missed?

I'm using Avalonia 11.1.0 / Material.Avalonia 3.6.0 / Windows 11.

Here are the parts that I consider relevant:

// MainView.axaml.cs
private void OpenDialogWithModel(object? sender, RoutedEventArgs e)
{
    DialogHost.Show(new MySampleViewModel(), "MainDialogHost");
}

// MainView.axaml
<UserControl.DataTemplates>
    <DataTemplate DataType="vm:MySampleViewModel">
        <StackPanel>
            <TextBlock TextAlignment="Center">Your lucky number:</TextBlock>
            <TextBlock
                Classes="Body1"
                Text="{Binding Number}"
                TextAlignment="Center" />
            <Button Margin="0,8,0,0" Command="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType=dialogHost:DialogHost}, Path=CloseDialogCommand}">
                THANKS, CLOSE
            </Button>
        </StackPanel>
    </DataTemplate>
</UserControl.DataTemplates>

<dialogHost:DialogHost DisableOpeningAnimation="True" Identifier="MainDialogHost">

// MySampleViewModel
internal partial class MySampleViewModel : ViewModelBase
{
    [ObservableProperty] private int _number;

    private static int _counter = 0;

    public MySampleViewModel()
    {
        Number = ++_counter;
    }
}