Latest prerelease hitting an issue with only the first item being shown in NavigationView (Xaml Island scenario)

with the latest pre-release, only one item is being shown in NavigationView Install-Package Microsoft.UI.Xaml -Version 2.4.0-prerelease.200203002 when within a Xaml Island.

• https://github.com/microsoft/PowerToys/tree/dev/settingsV2 is the branch
  • https://github.com/microsoft/PowerToys/commit/d4c15c84c6d6a1ff40972cbe67cf481695b40ed2#diff-25d902c24283ab8cfbac54dfa101ad31 is the PR showing what we’re trying to do w/ a xaml island
• The WPF project is Microsoft.PowerToys.Settings.UI.Runner
• UWP control is Settings.UI, control is “dummyUserControl” for testing.

<muxc:NavigationView x:Name="nvSample">
            <muxc:NavigationView.MenuItems>
                <muxc:NavigationViewItem Icon="Play" Content="Menu Item1" Tag="SamplePage1" />
                <muxc:NavigationViewItem Icon="Save" Content="Menu Item2" Tag="SamplePage2" />
                <muxc:NavigationViewItem Icon="Refresh" Content="Menu Item3" Tag="SamplePage3" />
                <muxc:NavigationViewItem Icon="Download" Content="Menu Item4" Tag="SamplePage4" />
            </muxc:NavigationView.MenuItems>
            <Frame x:Name="contentFrame"/>

[lukeblevins]

@ranjeshj I actually worked around the bug by setting the following properties:

SelectionFollowsFocus="Enabled"
AllowFocusOnInteraction="False"

I noticed before setting them to these values that the broken animation would also display when the control is focused with TAB.

You can view and build the repro code from here

[ranjeshj]

@Austin-Lamb @chrisglein This is an issue with the framework’s effective viewport event not getting raised in Xaml Islands scenario. We can work around it in NavigationView by devirtualizing the list for now, but this breaks virtualization in ItemsRepeater when used in a xaml island.

@ojhad as FYI to workaround for NavigationView.