Submenus won't open on Mac M1

[ErykPiasecki07]

Describe the bug

If I create .axaml that has contents like this (or similar):

 <DockPanel VerticalAlignment="Top">
        <Menu DockPanel.Dock="Top">
            <MenuItem Header="_File">
                <MenuItem Header="_Import..." />
                <Separator />
                <MenuItem Header="_Exit"  />
            </MenuItem>
        </Menu>
    </DockPanel>

The "File" menu will be visible, but the submenus won't open. Downloading .NET SDK x64 miraculously fixes the issue. (See further comments)

To Reproduce
Steps to reproduce the behavior:

1. Install .NET SDK Arm64
2. Create example Avalonia project that contains submenus.
3. Run the app
4. Voila
5. Install .NET SDK x64
6. Run the same app
7. Watch the issue disappear like magic

Desktop

• OS: MacOS
• Version: 0.10.18

[ErykPiasecki07]

Update: For some reason upon waiting entire day and changing literally nothing (machine was just idling the entire time), it does not work again. Now changing SDKs back and forth does not help at all.

[ErykPiasecki07]

What's worth noting is that in the Rider plugin preview, the submenus show up correctly regardless of anything. Makes it even more puzzling.

[ErykPiasecki07]

Okay, I've done even more testing and came up with even more unexpected results:

• Running it from console with dotnet run instead of via Rider fixed it for a single execution, then it became broken again.
• Now, no matter how I run it, if I make my app fullscreen it works again, even if I change its' size after. However closing the app will make the issue reappear.

[hellozyemlya]

I have latest preview avalonia, my menus working fine on arm builds.

Do you have some minimal example that reproduce the issue?

[ErykPiasecki07]

Yup, just the default app template with .axaml from above added in. Here it is as GitHub repo for convenience: https://github.com/ErykPiasecki07/Submenus-bug

[ErykPiasecki07]

[ErykPiasecki07]

Here is a little demo, you can also see how full screening fixes the issue.

Screen.Recording.2023-01-02.at.20.25.33.mov

[avinashkhatri-dev]

@maxkatz6 here is the fix for this
i had to update ContexMenu.axaml to fix ths but would like this to be pushed from avalonia repo , as of now i have created my customcontrol theme updated

`

<Design.PreviewWith>

    <MenuItem Header="Option 1"
              GroupName="Protocol"
              ToggleType="Radio"
              IsChecked="True"
              IsVisible="True" />
    <MenuItem Header="Option 2"
              GroupName="Protocol"
              ToggleType="Radio"
              IsChecked="False"
              IsVisible="True" />
    <MenuItem Header="Option 3"
              GroupName="Protocol"
              ToggleType="Radio"
              IsChecked="False"
              IsVisible="True" />

  </StackPanel>
</Border>

</Design.PreviewWith>

0,4,0,4

          <ContentControl Grid.Column="0"
                          x:Name="PART_ToggleIconPresenter"
                          IsVisible="False"
                          Margin="{DynamicResource MenuIconPresenterMargin}" />

          <ContentPresenter Name="PART_HeaderPresenter"
                            Content="{TemplateBinding Header}"
                            ContentTemplate="{TemplateBinding HeaderTemplate}"
                            VerticalAlignment="Center"
                            HorizontalAlignment="Stretch"
                            RecognizesAccessKey="True"
                            Grid.Column="1"/>

          <Path x:Name="PART_SubMenuArrow"
                Grid.Column="2"
                Width="8"
                Height="8"
                Stretch="Uniform"
                Margin="8,0,0,0"
                VerticalAlignment="Center"
                Stroke="{TemplateBinding Foreground}"
                StrokeThickness="1.5"
                StrokeLineCap="Round"
                Data="M 0 0 L 4 4 L 0 8"
                IsVisible="False" />
        </Grid>
      </Border>
      <Popup Name="PART_Popup"
             WindowManagerAddShadowHint="False"
             Placement="RightEdgeAlignedTop"
             HorizontalOffset="-16"
             VerticalOffset="-16"
             IsLightDismissEnabled="False"
             IsOpen="{TemplateBinding IsSubMenuOpen, Mode=TwoWay}">
        <Border Background="{DynamicResource MenuFlyoutPresenterBackground}"
                BorderBrush="{DynamicResource MenuFlyoutPresenterBorderBrush}"
                BorderThickness="{DynamicResource MenuFlyoutPresenterBorderThemeThickness}"
                CornerRadius="{DynamicResource OverlayCornerRadius}"
                MaxWidth="{DynamicResource FlyoutThemeMaxWidth}"
                MinHeight="{DynamicResource MenuFlyoutThemeMinHeight}"
                Padding="{DynamicResource MenuFlyoutPresenterThemePadding}"
                BoxShadow="{StaticResource ContextMenuBorderShadow}"
                Margin="16"
                HorizontalAlignment="Stretch">
          <ScrollViewer Theme="{StaticResource FluentMenuScrollViewer}">
            <ItemsPresenter Name="PART_ItemsPresenter"
                            ItemsPanel="{TemplateBinding ItemsPanel}"
                            Margin="{DynamicResource MenuFlyoutScrollerMargin}"
                            KeyboardNavigation.TabNavigation="Continue"
                            Grid.IsSharedSizeScope="True" />
          </ScrollViewer>
        </Border>
      </Popup>
    </Panel>
  </ControlTemplate>
</Setter>

<!-- Show submenu arrow when item has children -->
<Style Selector="^:empty /template/ Path#PART_SubMenuArrow">
  <Setter Property="IsVisible" Value="False" />
</Style>
<Style Selector="^:not(:empty) /template/ Path#PART_SubMenuArrow">
  <Setter Property="IsVisible" Value="True" />
</Style>

<!-- Hover / Selected -->
<Style Selector="^:selected">
  <Style Selector="^ /template/ Border#PART_LayoutRoot">
    <Setter Property="Background" Value="{DynamicResource MenuFlyoutItemBackgroundPointerOver}" />
  </Style>
  <Style Selector="^ /template/ ContentPresenter#PART_HeaderPresenter">
    <Setter Property="Foreground" Value="{DynamicResource MenuFlyoutItemForegroundPointerOver}" />
  </Style>
</Style>

<Style Selector="^:pressed">
  <Setter Property="Background" Value="{DynamicResource MenuFlyoutItemBackgroundPressed}" />
  <Style Selector="^ ContentPresenter#PART_HeaderPresenter">
    <Setter Property="Foreground" Value="{DynamicResource MenuFlyoutItemForegroundPressed}" />
  </Style>
</Style>

<!-- Disabled -->
<Style Selector="^:disabled">
  <Style Selector="^ /template/ Border#PART_LayoutRoot">
    <Setter Property="Background" Value="{DynamicResource MenuFlyoutItemBackgroundDisabled}" />
  </Style>
  <Style Selector="^ /template/ ContentPresenter#PART_HeaderPresenter">
    <Setter Property="Foreground" Value="{DynamicResource MenuFlyoutItemForegroundDisabled}" />
  </Style>
</Style>

<Style Selector="^:checked:radio /template/ ContentControl#PART_ToggleIconPresenter">
  <Setter Property="IsVisible" Value="True" />
  <Setter Property="Content">
    <Template>
       <Path Stroke="{Binding $parent[MenuItem].Foreground}"
             StrokeThickness="2"
             StrokeLineCap="Round"
             Width="16"
             Height="16"
             Data="M 2 8 L 6 12 L 14 4" />
    </Template>
  </Setter>
</Style>

`

[timunie]

@avinashkhatri-dev feel free to open a PR for it