Microsoft-ui-xaml: NavigationView: Settings button repositions itself with some delay

[jevansaks]

Opening this bug on behalf of @fede9876, from https://github.com/MicrosoftDocs/winrt-api/issues/881.

When resizing the height of the NavigationView, the Settings button reposition itself to the correct position with some delay.
The problem is very noticeable when positioning a PaneFooter element near the Settings button because the PaneFooter doesn't have this problem, so for a short time they overlap with each others.

Step to reproduce the problem:

• Windows 10 October update (Build 17763)
• create an empty project with Min version and Target version = "Windows 10, version 1809 (Build 17763)"
• add this code between Grid tags in MainPane.xaml

<NavigationView IsSettingsVisible="True">
    <NavigationView.PaneFooter>
        <NavigationViewItem Content="My Pane Footer"/>
    </NavigationView.PaneFooter>
</NavigationView>

Here's a preview of the problem (the entity of the delay may vary between different devices).

[vgromfeld]

The same issue is also occurring when the NavigationView is in PaneDisplayMode=Top mode.
When resizing, we are seeing a big delay for the settings button to update its position. As in the bug description, the PaneFooter content is not impacted by this.

The overflow button is also impacted by this behavior.

Windows min version = 10.0.15063, max version = 10.0.18362
Nuget version: 2.2.190611001-prerelease

[Code-ScottLe]

This is the behavior when it is on top mode:

https://gfycat.com/definitefixedinchworm

[robloo]

Still present in:
Windows: Windows 10 Home 1903 build 18362.239
NuGet package version: Microsoft.UI.Xaml 2.2.190830001

Below is a gif in top mode.

[jevansaks]

Thanks for letting us know! @licanhua please take a look?

[jevansaks]

Also @chingucoding this might be a relatively simple one if you have time?

[chingucoding]

Also @chingucoding this might be a relatively simple one if you have time?

I will look into this.