[SOLVED] .NET MAUI Adaptive triggers not firing

.NET MAUI Adaptive triggers not firing

I have a style setup in a new file that is being merged in App.xaml. In the view, Intellisense shows me the x:Key of the style I want to use but adaptive triggers do not fire. I tested it with a style that only contains a setter for changing the background color. This works fine. Just not the adaptive trigger.

I'm attempting to apply this style to the parent container(Grid) of all elements (Child of the <ContentPage>) but the problem persists even if using this style on inner controls. I tried changing the TargetType as well but even on other control types it does not work.

I even tried placing the style inside of the control and same view page but it's not working like that either. I don't know what I'm doing wrong.

Because this app will have many pages, I'd prefer to be able to use a separate file to contain the styles for a central place to make changes in the future.

Tested on Windows and also multiple Android Emulators.

Current values are for testing. Style:

    <Style x:Key="MainGridStyle"
       TargetType="Grid">
    <Setter Property="VisualStateManager.VisualStateGroups">
        <VisualStateGroupList>
            <VisualStateGroup>
                <VisualState x:Name="Small">
                    <VisualState.StateTriggers>
                        <AdaptiveTrigger MinWindowWidth="0"/>
                    </VisualState.StateTriggers>
                    <VisualState.Setters>
                        <Setter Property="WidthRequest" Value="200"/>
                    </VisualState.Setters>

                </VisualState>
                <VisualState x:Name="Medium">
                    <VisualState.StateTriggers>
                        <AdaptiveTrigger MinWindowWidth="800"/>
                    </VisualState.StateTriggers>
                    <VisualState.Setters>
                        <Setter Property="WidthRequest" Value="500"/>
                    </VisualState.Setters>
                </VisualState>
            </VisualStateGroup>
        </VisualStateGroupList>

    </Setter>

</Style>

App.xaml

    <Application.Resources>
    <ResourceDictionary>
        <ResourceDictionary.MergedDictionaries>
            <ResourceDictionary Source="Resources/Styles/Colors.xaml" />
            <ResourceDictionary Source="Resources/Styles/Styles.xaml" />
            <ResourceDictionary Source="Resources/Styles/CustomStyles.xaml"/>
        </ResourceDictionary.MergedDictionaries>
    </ResourceDictionary>
</Application.Resources>

Control opening tag (I tried StaticResource too with the same result):

    <Grid
    Style="{DynamicResource MainGridStyle}">

EDIT:

I've narrowed down the problem to being with .Net 6. I tested the same code on .Net 7 and it works well there. Any idea how to fix this issue that I'm only experiencing with .Net 6?

Solution

After a lot more testing, I was able to narrow down the problem to being related to .Net 6. I upgraded to .Net 7 and, using the same code, it works well.