[Regression, fix proposed] NumberBox content overlaps with increment button in win11 styles

[eugenegff]

Describe the bug

NumberBox content overlaps with increment button in win11 styles on WinUI 2.7

Steps to reproduce the bug

1. New Blank C++/CX project, add NumberBox to MainPage.xaml

    <StackPanel>
        <muxc:NumberBox HorizontalAlignment="Left" SpinButtonPlacementMode="Inline" Value="1234567"/>
    </StackPanel>

2. Run

Note, that text and first spin button are overlapped, despite unlimited control width.

Note, that there are no such problem in ControlsResourcesVersion="Version1" mode, i.e. it is regression

XamlControlsGallery

[eugenegff]

In modern win11 like styles inner TextBox has Grid.ColumnSpan=3 to supply external border. Space for inline spin buttons is reserved inside it by setting DeleteButton.Margin, and this approach failed when DeleteButton.Visibility == Collapsed, i.e. when NumberBox is not focused.

[ghost]

🎉This issue was addressed in #5985, which has now been successfully released as Microsoft.UI.Xaml v2.8.0-prerelease.220413001.:tada:

Handy links:

• Release Notes
• Official Nuget Release

[ghost]

🎉This issue was addressed in #5985, which has now been successfully released as Microsoft.UI.Xaml v2.8.0-prerelease.220712001.:tada:

Handy links:

• Release Notes
• Official Nuget Release

[ghost]

🎉This issue was addressed in #5985, which has now been successfully released as Microsoft.UI.Xaml v2.8.0.:tada:

Handy links:

• Release Notes
• Official Nuget Release

[ghost]

🎉This issue was addressed in #5985, which has now been successfully released as Microsoft.UI.Xaml v2.8.2.:tada:

Handy links:

• Release Notes
• Official Nuget Release