[TreeItem] Only pass initially selected state to the web component

[vnbaaij]

Fixes #2911

When using

<fluent-tree-item @ref=Element
   :
     selected="@Selected"
   :

and using a tree item collection, setting Selected leads to a looping situation where the value keeps flipping form true to false. To fix this I've changed this to only set selected to the InitiallySelected value. Selecting an item still works as expected as it will be handled by the web component and the event handler sets the state on the Blazor side.

Do not auto merge this. Need to clear issue tester first!

[github-actions]

✅ All tests passed successfully

Details on your Workflow / Core Tests page.

[github-actions]

Summary - Unit Tests Code Coverage

Summary

Generated on:	11/10/2024 - 4:31:35 PM
Coverage date:	11/10/2024 - 4:31:25 PM
Parser:	Cobertura
Assemblies:	1
Classes:	247
Files:	345
Line coverage:	61.3% (5510 of 8981)
Covered lines:	5510
Uncovered lines:	3471
Coverable lines:	8981
Total lines:	30598
Branch coverage:	52.1% (2731 of 5238)
Covered branches:	2731
Total branches:	5238
Method coverage:	Feature is only available for sponsors
Tag:	1926_11766754638

Coverage

Microsoft.FluentUI.AspNetCore.Components - 61.3%

Name	Line	Branch
Microsoft.FluentUI.AspNetCore.Components	61.3%	52.1%
Microsoft.FluentUI.AspNetCore.Components.AccordionChangeEventArgs	0%
Microsoft.FluentUI.AspNetCore.Components.ActionButton`1	50%
Microsoft.FluentUI.AspNetCore.Components.ActionLink`1	0%
Microsoft.FluentUI.AspNetCore.Components.CalendarExtended	95%	86.6%
Microsoft.FluentUI.AspNetCore.Components.CalendarTitles	87%	76.6%
Microsoft.FluentUI.AspNetCore.Components.CheckboxChangeEventArgs	50%
Microsoft.FluentUI.AspNetCore.Components.ColumnBase`1	32.6%	10.6%
Microsoft.FluentUI.AspNetCore.Components.ColumnOptionsLabels	66.6%
Microsoft.FluentUI.AspNetCore.Components.ColumnResizeLabels	88.8%
Microsoft.FluentUI.AspNetCore.Components.ColumnResizeOptions`1	0%	0%
Microsoft.FluentUI.AspNetCore.Components.ColumnSortLabels	80%
Microsoft.FluentUI.AspNetCore.Components.CommunicationToast	0%	0%
Microsoft.FluentUI.AspNetCore.Components.CommunicationToastContent	0%
Microsoft.FluentUI.AspNetCore.Components.ComponentParameters	16.6%	0%
Microsoft.FluentUI.AspNetCore.Components.Components.DateTime.RangeOfDates	100%	50%
Microsoft.FluentUI.AspNetCore.Components.Components.Tooltip.TooltipGlobalOp tions	40%
Microsoft.FluentUI.AspNetCore.Components.Components.Tooltip.TooltipOptions	100%
Microsoft.FluentUI.AspNetCore.Components.Components.Tooltip.TooltipService	72.5%	50%
Microsoft.FluentUI.AspNetCore.Components.CountdownTimer	0%	0%
Microsoft.FluentUI.AspNetCore.Components.DataGrid.Infrastructure.AsyncQuery ExecutorSupplier	38.4%	43.7%
Microsoft.FluentUI.AspNetCore.Components.DataGrid.Infrastructure.ColumnsCol lectedNotifier`1	87.5%	50%
Microsoft.FluentUI.AspNetCore.Components.DataGrid.Infrastructure.Defer	100%
Microsoft.FluentUI.AspNetCore.Components.DataGrid.Infrastructure.DisplayAtt ributeExtensions	66.6%	50%
Microsoft.FluentUI.AspNetCore.Components.DataGrid.Infrastructure.InternalGr idContext`1	90.9%	100%
Microsoft.FluentUI.AspNetCore.Components.DataGridCellFocusEventArgs	0%
Microsoft.FluentUI.AspNetCore.Components.DataGridRowFocusEventArgs	0%
Microsoft.FluentUI.AspNetCore.Components.DialogEventArgs	0%
Microsoft.FluentUI.AspNetCore.Components.DialogInstance	92.3%	75%
Microsoft.FluentUI.AspNetCore.Components.DialogParameters	93.7%	100%
Microsoft.FluentUI.AspNetCore.Components.DialogParameters`1	100%
Microsoft.FluentUI.AspNetCore.Components.DialogReference	36.3%	37.5%
Microsoft.FluentUI.AspNetCore.Components.DialogResult	0%	0%
Microsoft.FluentUI.AspNetCore.Components.DialogService	4.1%	2.6%
Microsoft.FluentUI.AspNetCore.Components.Emoji	0%	0%
Microsoft.FluentUI.AspNetCore.Components.EmojiCompress	0%	0%
Microsoft.FluentUI.AspNetCore.Components.EmojiInfo	0%
Microsoft.FluentUI.AspNetCore.Components.Extensions.AdditionalAttributesExt ensions	100%	100%
Microsoft.FluentUI.AspNetCore.Components.Extensions.BooleanExtensions	100%	100%
Microsoft.FluentUI.AspNetCore.Components.Extensions.DateTimeExtensions	82.5%	85%
Microsoft.FluentUI.AspNetCore.Components.Extensions.EnumExtensions	70.5%	59%
Microsoft.FluentUI.AspNetCore.Components.Extensions.FluentInputExtensions	0%	0%
Microsoft.FluentUI.AspNetCore.Components.Extensions.UrlFormatterExtensions	100%	75%
Microsoft.FluentUI.AspNetCore.Components.FluentAccessibilityStatus	0%	0%
Microsoft.FluentUI.AspNetCore.Components.FluentAccordion	60%	0%
Microsoft.FluentUI.AspNetCore.Components.FluentAccordionItem	76%	35.7%
Microsoft.FluentUI.AspNetCore.Components.FluentAnchor	89.7%	67.8%
Microsoft.FluentUI.AspNetCore.Components.FluentAnchoredRegion	87.5%	60%
Microsoft.FluentUI.AspNetCore.Components.FluentAppBar	62.8%	38.8%
Microsoft.FluentUI.AspNetCore.Components.FluentAppBarItem	84.3%	60%
Microsoft.FluentUI.AspNetCore.Components.FluentAutocomplete`1	87%	73.6%
Microsoft.FluentUI.AspNetCore.Components.FluentBadge	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentBodyContent	100%
Microsoft.FluentUI.AspNetCore.Components.FluentBreadcrumb	100%
Microsoft.FluentUI.AspNetCore.Components.FluentBreadcrumbItem	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentButton	84.8%	64.5%
Microsoft.FluentUI.AspNetCore.Components.FluentCalendar	86%	81%
Microsoft.FluentUI.AspNetCore.Components.FluentCalendarBase	93.3%	81.2%
Microsoft.FluentUI.AspNetCore.Components.FluentCalendarDay	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentCalendarMonth	100%	66.6%
Microsoft.FluentUI.AspNetCore.Components.FluentCalendarYear	90.9%	60%
Microsoft.FluentUI.AspNetCore.Components.FluentCard	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentCheckbox	90.7%	87%
Microsoft.FluentUI.AspNetCore.Components.FluentCollapsibleRegion	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentCombobox`1	80.3%	66.6%
Microsoft.FluentUI.AspNetCore.Components.FluentComponentBase	90.9%	50%
Microsoft.FluentUI.AspNetCore.Components.FluentCounterBadge	93.1%	86.5%
Microsoft.FluentUI.AspNetCore.Components.FluentDataGrid`1	58%	42.2%
Microsoft.FluentUI.AspNetCore.Components.FluentDataGridCell`1	72%	37.5%
Microsoft.FluentUI.AspNetCore.Components.FluentDataGridRow`1	55.7%	28.5%
Microsoft.FluentUI.AspNetCore.Components.FluentDatePicker	84.9%	56.5%
Microsoft.FluentUI.AspNetCore.Components.FluentDesignSystemProvider	100%
Microsoft.FluentUI.AspNetCore.Components.FluentDesignTheme	0%	0%
Microsoft.FluentUI.AspNetCore.Components.FluentDialog	60.7%	67.5%
Microsoft.FluentUI.AspNetCore.Components.FluentDialogBody	100%
Microsoft.FluentUI.AspNetCore.Components.FluentDialogFooter	62.5%	43.3%
Microsoft.FluentUI.AspNetCore.Components.FluentDialogHeader	80.9%	81.8%
Microsoft.FluentUI.AspNetCore.Components.FluentDialogProvider	59.7%	52.1%
Microsoft.FluentUI.AspNetCore.Components.FluentDivider	86.3%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentDragContainer`1	69.2%
Microsoft.FluentUI.AspNetCore.Components.FluentDragEventArgs`1	0%
Microsoft.FluentUI.AspNetCore.Components.FluentDropZone`1	20%	0%
Microsoft.FluentUI.AspNetCore.Components.FluentEditForm	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentEmoji`1	0%	0%
Microsoft.FluentUI.AspNetCore.Components.FluentFlipper	100%
Microsoft.FluentUI.AspNetCore.Components.FluentFooter	100%
Microsoft.FluentUI.AspNetCore.Components.FluentGrid	71.4%	50%
Microsoft.FluentUI.AspNetCore.Components.FluentGridItem	87.2%	82.5%
Microsoft.FluentUI.AspNetCore.Components.FluentHeader	100%
Microsoft.FluentUI.AspNetCore.Components.FluentHighlighter	92.3%	20%
Microsoft.FluentUI.AspNetCore.Components.FluentHorizontalScroll	59.3%	20%
Microsoft.FluentUI.AspNetCore.Components.FluentIcon`1	87.5%	81.2%
Microsoft.FluentUI.AspNetCore.Components.FluentInputBase`1	70%	61%
Microsoft.FluentUI.AspNetCore.Components.FluentInputFile	92.5%	84.4%
Microsoft.FluentUI.AspNetCore.Components.FluentInputFileBuffer	100%
Microsoft.FluentUI.AspNetCore.Components.FluentInputFileEventArgs	91.6%
Microsoft.FluentUI.AspNetCore.Components.FluentInputLabel	100%	95%
Microsoft.FluentUI.AspNetCore.Components.FluentKeyCode	90.3%	90%
Microsoft.FluentUI.AspNetCore.Components.FluentKeyCodeEventArgs	100%	75%
Microsoft.FluentUI.AspNetCore.Components.FluentKeyCodeProvider	40%	0%
Microsoft.FluentUI.AspNetCore.Components.FluentLabel	97.4%	88.8%
Microsoft.FluentUI.AspNetCore.Components.FluentLayout	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentListbox`1	93.3%	50%
Microsoft.FluentUI.AspNetCore.Components.FluentMain	100%
Microsoft.FluentUI.AspNetCore.Components.FluentMainLayout	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentMenu	35.1%	39.2%
Microsoft.FluentUI.AspNetCore.Components.FluentMenuButton	67.5%	7.1%
Microsoft.FluentUI.AspNetCore.Components.FluentMenuItem	0%	0%
Microsoft.FluentUI.AspNetCore.Components.FluentMenuProvider	0%	0%
Microsoft.FluentUI.AspNetCore.Components.FluentMessageBar	54.6%	26.3%
Microsoft.FluentUI.AspNetCore.Components.FluentMessageBarProvider	82.3%	66.6%
Microsoft.FluentUI.AspNetCore.Components.FluentMultiSplitter	81.7%	66.6%
Microsoft.FluentUI.AspNetCore.Components.FluentMultiSplitterEventArgs	100%
Microsoft.FluentUI.AspNetCore.Components.FluentMultiSplitterPane	97.1%	91%
Microsoft.FluentUI.AspNetCore.Components.FluentMultiSplitterResizeEventArgs	100%
Microsoft.FluentUI.AspNetCore.Components.FluentNavBase	55.1%	16.6%
Microsoft.FluentUI.AspNetCore.Components.FluentNavGroup	62.1%	36.6%
Microsoft.FluentUI.AspNetCore.Components.FluentNavLink	86.3%	50%
Microsoft.FluentUI.AspNetCore.Components.FluentNavMenu	59.6%	33.3%
Microsoft.FluentUI.AspNetCore.Components.FluentNavMenuGroup	0%	0%
Microsoft.FluentUI.AspNetCore.Components.FluentNavMenuItemBase	0%	0%
Microsoft.FluentUI.AspNetCore.Components.FluentNavMenuLink	0%	0%
Microsoft.FluentUI.AspNetCore.Components.FluentNavMenuTree	0%	0%
Microsoft.FluentUI.AspNetCore.Components.FluentNumberField`1	65%	50%
Microsoft.FluentUI.AspNetCore.Components.FluentOption`1	78.9%	58.3%
Microsoft.FluentUI.AspNetCore.Components.FluentOverflow	0%	0%
Microsoft.FluentUI.AspNetCore.Components.FluentOverflowItem	0%	0%
Microsoft.FluentUI.AspNetCore.Components.FluentOverlay	74.7%	56.2%
Microsoft.FluentUI.AspNetCore.Components.FluentPageScript	100%
Microsoft.FluentUI.AspNetCore.Components.FluentPaginator	0%	0%
Microsoft.FluentUI.AspNetCore.Components.FluentPersona	100%	78.1%
Microsoft.FluentUI.AspNetCore.Components.FluentPopover	77%	65.9%
Microsoft.FluentUI.AspNetCore.Components.FluentPresenceBadge	60.3%	29.1%
Microsoft.FluentUI.AspNetCore.Components.FluentProfileMenu	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentProgress	85.7%	68.1%
Microsoft.FluentUI.AspNetCore.Components.FluentProgressRing	97.4%	92.8%
Microsoft.FluentUI.AspNetCore.Components.FluentPullToRefresh	93.9%	89.2%
Microsoft.FluentUI.AspNetCore.Components.FluentRadio`1	0%	0%
Microsoft.FluentUI.AspNetCore.Components.FluentRadioContext	70%	0%
Microsoft.FluentUI.AspNetCore.Components.FluentRadioGroup`1	76.9%	16.6%
Microsoft.FluentUI.AspNetCore.Components.FluentRating	82.6%	84.2%
Microsoft.FluentUI.AspNetCore.Components.FluentSearch	0%	0%
Microsoft.FluentUI.AspNetCore.Components.FluentSelect`1	95.8%	90%
Microsoft.FluentUI.AspNetCore.Components.FluentSkeleton	42.8%	50%
Microsoft.FluentUI.AspNetCore.Components.FluentSlider`1	83.8%	70%
Microsoft.FluentUI.AspNetCore.Components.FluentSliderLabel`1	65%	33.3%
Microsoft.FluentUI.AspNetCore.Components.FluentSortableList`1	80%	59%
Microsoft.FluentUI.AspNetCore.Components.FluentSortableListEventArgs	83.3%
Microsoft.FluentUI.AspNetCore.Components.FluentSpacer	100%	50%
Microsoft.FluentUI.AspNetCore.Components.FluentSplashScreen	0%	0%
Microsoft.FluentUI.AspNetCore.Components.FluentSplitter	68.4%	40%
Microsoft.FluentUI.AspNetCore.Components.FluentStack	88%	54.5%
Microsoft.FluentUI.AspNetCore.Components.FluentSwitch	88.8%	50%
Microsoft.FluentUI.AspNetCore.Components.FluentTab	0%	0%
Microsoft.FluentUI.AspNetCore.Components.FluentTabs	0%	0%
Microsoft.FluentUI.AspNetCore.Components.FluentTextArea	84.2%
Microsoft.FluentUI.AspNetCore.Components.FluentTextField	88.5%	60%
Microsoft.FluentUI.AspNetCore.Components.FluentTimePicker	100%	90%
Microsoft.FluentUI.AspNetCore.Components.FluentToast	0%	0%
Microsoft.FluentUI.AspNetCore.Components.FluentToastProvider	0%	0%
Microsoft.FluentUI.AspNetCore.Components.FluentToolbar	100%
Microsoft.FluentUI.AspNetCore.Components.FluentTooltip	88.8%	64.2%
Microsoft.FluentUI.AspNetCore.Components.FluentTooltipProvider	0%	0%
Microsoft.FluentUI.AspNetCore.Components.FluentTreeItem	88.8%	77.7%
Microsoft.FluentUI.AspNetCore.Components.FluentTreeView	79.3%	65.6%
Microsoft.FluentUI.AspNetCore.Components.FluentValidationMessage`1	0%	0%
Microsoft.FluentUI.AspNetCore.Components.FluentValidationSummary	100%	87.5%
Microsoft.FluentUI.AspNetCore.Components.FluentWizard	93.1%	83.3%
Microsoft.FluentUI.AspNetCore.Components.FluentWizardStep	97%	88.3%
Microsoft.FluentUI.AspNetCore.Components.FluentWizardStepArgs	100%
Microsoft.FluentUI.AspNetCore.Components.FluentWizardStepChangeEventArgs	100%
Microsoft.FluentUI.AspNetCore.Components.GlobalState	33.3%	50%
Microsoft.FluentUI.AspNetCore.Components.GridItemsProviderRequest`1	92.3%	41.6%
Microsoft.FluentUI.AspNetCore.Components.GridItemsProviderResult	100%
Microsoft.FluentUI.AspNetCore.Components.GridItemsProviderResult`1	100%
Microsoft.FluentUI.AspNetCore.Components.GridSort`1	35.1%	25.9%
Microsoft.FluentUI.AspNetCore.Components.HorizontalScrollEventArgs	0%
Microsoft.FluentUI.AspNetCore.Components.Icon	83.7%	91.1%
Microsoft.FluentUI.AspNetCore.Components.IconFromImage	100%
Microsoft.FluentUI.AspNetCore.Components.IconInfo	100%
Microsoft.FluentUI.AspNetCore.Components.Identifier	66.6%	62.5%
Microsoft.FluentUI.AspNetCore.Components.IdentifierContext	66.6%	41.6%
Microsoft.FluentUI.AspNetCore.Components.INavMenuItemsOwner	0%
Microsoft.FluentUI.AspNetCore.Components.Infrastructure.EventCallbackSubscr ibable`1	83.3%	100%
Microsoft.FluentUI.AspNetCore.Components.Infrastructure.EventCallbackSubscr iber`1	90%	75%
Microsoft.FluentUI.AspNetCore.Components.InputHelpers`1	36.9%	31.2%
Microsoft.FluentUI.AspNetCore.Components.InternalAppBarContext	100%	100%
Microsoft.FluentUI.AspNetCore.Components.InternalDialogContext	80%
Microsoft.FluentUI.AspNetCore.Components.InternalListContext`1	80%	66.6%
Microsoft.FluentUI.AspNetCore.Components.InternalToastContext	0%
Microsoft.FluentUI.AspNetCore.Components.KeyCodeService	60.3%	28.5%
Microsoft.FluentUI.AspNetCore.Components.KeyDown	0%	0%
Microsoft.FluentUI.AspNetCore.Components.LibraryConfiguration	88.2%	50%
Microsoft.FluentUI.AspNetCore.Components.ListComponentBase`1	60.7%	58.9%
Microsoft.FluentUI.AspNetCore.Components.LoadedEventArgs	0%
Microsoft.FluentUI.AspNetCore.Components.LuminanceChangedEventArgs	0%
Microsoft.FluentUI.AspNetCore.Components.MenuChangeEventArgs	0%
Microsoft.FluentUI.AspNetCore.Components.MenuService	0%	0%
Microsoft.FluentUI.AspNetCore.Components.Message	50%	0%
Microsoft.FluentUI.AspNetCore.Components.MessageBox	66.6%	0%
Microsoft.FluentUI.AspNetCore.Components.MessageBoxContent	0%
Microsoft.FluentUI.AspNetCore.Components.MessageOptions	76.9%
Microsoft.FluentUI.AspNetCore.Components.MessageService	33%	26.9%
Microsoft.FluentUI.AspNetCore.Components.NavMenuActionArgs	0%	0%
Microsoft.FluentUI.AspNetCore.Components.OfficeColorUtilities	0%
Microsoft.FluentUI.AspNetCore.Components.Option`1	0%
Microsoft.FluentUI.AspNetCore.Components.OptionsSearchEventArgs`1	100%
Microsoft.FluentUI.AspNetCore.Components.OverflowItem	100%
Microsoft.FluentUI.AspNetCore.Components.PaginationState	0%	0%
Microsoft.FluentUI.AspNetCore.Components.ProgressFileDetails	100%
Microsoft.FluentUI.AspNetCore.Components.ProgressToast	0%	0%
Microsoft.FluentUI.AspNetCore.Components.ProgressToastContent	0%
Microsoft.FluentUI.AspNetCore.Components.PropertyColumn`2	80%	52.6%
Microsoft.FluentUI.AspNetCore.Components.RenderFragmentDialog	100%
Microsoft.FluentUI.AspNetCore.Components.Resources.TimeAgoResource	76.1%	100%
Microsoft.FluentUI.AspNetCore.Components.SelectAllTemplateArgs	100%
Microsoft.FluentUI.AspNetCore.Components.SelectColumn`1	86.5%	79.8%
Microsoft.FluentUI.AspNetCore.Components.SelectDatesHoverEventArgs	0%
Microsoft.FluentUI.AspNetCore.Components.ServiceCollectionExtensions	80%	100%
Microsoft.FluentUI.AspNetCore.Components.SortedProperty	0%
Microsoft.FluentUI.AspNetCore.Components.SplashScreenContent	0%	0%
Microsoft.FluentUI.AspNetCore.Components.SplitterCollapsedEventArgs	0%
Microsoft.FluentUI.AspNetCore.Components.SplitterResizedEventArgs	0%
Microsoft.FluentUI.AspNetCore.Components.StandardLuminanceExtensions	0%	0%
Microsoft.FluentUI.AspNetCore.Components.StaticAssetServiceConfiguration	0%	0%
Microsoft.FluentUI.AspNetCore.Components.TabChangeEventArgs	0%
Microsoft.FluentUI.AspNetCore.Components.TemplateColumn`1	0%	0%
Microsoft.FluentUI.AspNetCore.Components.TimeAgoOptions	92.3%
Microsoft.FluentUI.AspNetCore.Components.ToastInstance	0%	0%
Microsoft.FluentUI.AspNetCore.Components.ToastParameters	0%
Microsoft.FluentUI.AspNetCore.Components.ToastParameters`1	0%
Microsoft.FluentUI.AspNetCore.Components.ToastResult	0%	0%
Microsoft.FluentUI.AspNetCore.Components.ToastService	0%	0%
Microsoft.FluentUI.AspNetCore.Components.TreeChangeEventArgs	100%
Microsoft.FluentUI.AspNetCore.Components.TreeViewItem	100%
Microsoft.FluentUI.AspNetCore.Components.TreeViewItemExpandedEventArgs	100%
Microsoft.FluentUI.AspNetCore.Components.UploadedFileDetails	0%
Microsoft.FluentUI.AspNetCore.Components.Utilities.CssBuilder	100%	100%
Microsoft.FluentUI.AspNetCore.Components.Utilities.InlineStyleBuilder	96.4%	87.5%
Microsoft.FluentUI.AspNetCore.Components.Utilities.InternalDebounce.Debounc eAction	90.4%	75%
Microsoft.FluentUI.AspNetCore.Components.Utilities.InternalDebounce.Debounc eTask	86.2%	75%
Microsoft.FluentUI.AspNetCore.Components.Utilities.InternalDebounce.Dispatc herTimerExtensions	95.7%	75%
Microsoft.FluentUI.AspNetCore.Components.Utilities.JSModule	0%	0%
Microsoft.FluentUI.AspNetCore.Components.Utilities.RangeOf`1	96.7%	94.4%
Microsoft.FluentUI.AspNetCore.Components.Utilities.Splitter	82.8%	81.8%
Microsoft.FluentUI.AspNetCore.Components.Utilities.StyleBuilder	100%	91.6%
Microsoft.FluentUI.AspNetCore.Components.ZIndex	100%
System.Text.RegularExpressions.Generated	76.6%	51.4%