CheckBox in MenuItem.Icon doesn't display correctly

[IsaacMarovitz]

Describe the bug
If you use a CheckBox in a MenuItem.Icon, the resulting CheckBox will be too small and off-center.

<MenuItem
    Command="{Binding ToggleStartGamesInFullscreen}"
    Header="{locale:Locale MenuBarOptionsStartGamesInFullscreen}">
    <MenuItem.Icon>
        <CheckBox MinWidth="{DynamicResource CheckBoxSize}"
                  MinHeight="{DynamicResource CheckBoxSize}"
                  IsChecked="{Binding StartGamesInFullscreen, Mode=TwoWay}"/>
    </MenuItem.Icon>
</MenuItem>

MinWidth and MinHeight do not seem to have the desired changes; excluding them or changing their value doesn't solve the problem. Worked in Ava 10.

Screenshots:

Icon CheckBox shown in top-left, expected CheckBox size shown in bottom right.

Desktop/Platform:

• OS: Windows 11/macOS
• FluentAvalonia Version: 2.0.0-preview8
• Avalonia Version: 11.0.0-preview8

[amwx]

It looks like the padding around the ContentPresenter for CheckBox is reserving space to the right of the check area which is messing with the scaling in the Viewbox of MenuItem's template (the Viewbox is why you can't change the size yourself). Probably best to use a special styling class to just hide the ContentPresenter in CheckBoxes used within MenuItem.

Closing as by-design.

[IsaacMarovitz]

Closing as by-design.

Disabling the ContentPresenter doesn't seem to make any significant difference. I checked and the ones that are being displayed correctly are just part of the HeaderPresenter ie not the IconPresenter at all.

[IsaacMarovitz]

Just setting the content to be the checkbox does fix it, but it looks really messy alongside the other items

[IsaacMarovitz]

Another slightly unrelated issue, but the shortcut in the screenshot F11 is getting pushed to the side by a Chevron icon, even though that menu item has no children.

[amwx]

You might be better off waiting until AvaloniaUI/Avalonia#11441 is ready which won't require a checkbox for toggle menu items.

Another slightly unrelated issue, but the shortcut in the screenshot F11 is getting pushed to the side by a Chevron icon, even though that menu item has no children.

This is probably because WPF menus (which Avalonia mimics) uses Grid.SharedSizeScope for menu items and the InputGesture text and the chevron are two different grid columns. This too, is by design.

[Alexbeerses]

CheckBox in menuItem icon is stiil clipped in Avalonia 11.2.2.