`SelectorBar` Not Showing Selected Item on Initial Load in `SelectorBarPage`

[Zakariathr22]

Which version of the app?

WinUI 3 Gallery

Description

In SelectorBarPage, the SelectorBar does not visually highlight the initially selected item when the page is first loaded. Even though an item is marked as IsSelected="True" in XAML, the UI does not reflect this selection.

Expected Behavior

• When the page loads, the first item in the SelectorBar should appear selected.
• The associated ItemsView should display the corresponding collection based on the selected item.

Actual Behavior

• The ItemsView does not show the expected initial selection.
• The user has to manually select an item for the UI to update.

Screenshots

Windows version

Windows 11 23H2 (22631)

Additional context

No response

[niels9001]

I can reproduce. It looks like the SelectionChanged event is triggered before the ItemsView is loaded?

[Zakariathr22]

I can reproduce. It looks like the SelectionChanged event is triggered before the ItemsView is loaded?

I attempted to reset the SelectorBar's selection and item source after the ItemsView loaded, but it didn’t work 🤔.

private void ItemsView3_Loaded(object sender, Microsoft.UI.Xaml.RoutedEventArgs e)
{
    SelectorBar3.SelectedItem = SelectorBarItemPink;
    ItemsView3.ItemsSource = PinkColorCollection;
}

[AndrewKeepCoding]

Do you mean that Page1 is selected (has an underbar) but Recent is not?

[Zakariathr22]

Do you mean that Page1 is selected (has an underbar) but Recent is not?

No, I’m referring to the third example instead.

[AndrewKeepCoding]

That's strange. This is what I get on the WinUI Gallery app installed from the store or by running it in debug mode.
Only the first example is not selected (IsSelected = "True" is missing)...

[Zakariathr22]

That's strange. This is what I get on the WinUI Gallery app installed from the store or by running it in debug mode.
Only the first example is not selected (IsSelected = "True" is missing)...

The first item in the SelectorBar should be pre-selected, and the associated ItemsView should display the corresponding collection based on the selected item. Currently, the user must manually select an item for the UI to update.

The SelectorBar should be displayed on the initial load as shown below, without any item selected.

[AndrewKeepCoding]

It's getting stranger. I can't see those color blocks on both the installed app and the debugger app. Changing the selection doesn't help either.😓

[AndrewKeepCoding]

#1780 might be more like a work around but it worked on my end. Might be an issue between the SelectorBar and the UniformGridLayout maybe?