[dev-v5] Add Overflow components and tests by vnbaaij · Pull Request #4426 · microsoft/fluentui-blazor

vnbaaij · 2025-12-24T14:10:17Z

Add the FluentOverFlow and FluentOverflowItem components and tests. This is a 1:1 copy of the v4 version. The script has been translated to TypeScript and some adjustments have been made to the logic to make the overflow process a bit more robust.

Result:

github-actions · 2025-12-24T14:12:14Z

✅ All tests passed successfully

Details on your Workflow / Core Tests page.

github-actions · 2025-12-24T14:12:21Z

Summary - Unit Tests Code Coverage

Summary


Generated on:	12/29/2025 - 20:00:44
Coverage date:	12/29/2025 - 20:00:28
Parser:	Cobertura
Assemblies:	1
Classes:	202
Files:	277
Line coverage:	98.7% (6677 of 6759)
Covered lines:	6677
Uncovered lines:	82
Coverable lines:	6759
Total lines:	26513
Branch coverage:	92.2% (3744 of 4057)
Covered branches:	3744
Total branches:	4057
Method coverage:	Feature is only available for sponsors
Tag:	4878_20581516118

Coverage

Microsoft.FluentUI.AspNetCore.Components - 98.7%

Name	Line	Branch
Microsoft.FluentUI.AspNetCore.Components	98.7%	92.2%
Microsoft.FluentUI.AspNetCore.Components.AccordionItemEventArgs	100%
Microsoft.FluentUI.AspNetCore.Components.AdditionalAttributesExtensions	100%	100%
Microsoft.FluentUI.AspNetCore.Components.CachedServices	100%	100%
Microsoft.FluentUI.AspNetCore.Components.Calendar.CalendarExtended	100%	100%
Microsoft.FluentUI.AspNetCore.Components.Calendar.CalendarTitles`1	100%	100%
Microsoft.FluentUI.AspNetCore.Components.Calendar.CalendarTValue	100%	100%
Microsoft.FluentUI.AspNetCore.Components.ColumnBase`1	97.2%	90.2%
Microsoft.FluentUI.AspNetCore.Components.ColumnKeyGridSort`1	94.4%	75%
Microsoft.FluentUI.AspNetCore.Components.ColumnOptionsUISettings	100%
Microsoft.FluentUI.AspNetCore.Components.ColumnResizeOptions`1	100%	100%
Microsoft.FluentUI.AspNetCore.Components.ColumnResizeUISettings	100%
Microsoft.FluentUI.AspNetCore.Components.ColumnSortUISettings	100%
Microsoft.FluentUI.AspNetCore.Components.CustomEmoji	100%	100%
Microsoft.FluentUI.AspNetCore.Components.CustomIcon	100%
Microsoft.FluentUI.AspNetCore.Components.DataGrid.Infrastructure.Defer	100%
Microsoft.FluentUI.AspNetCore.Components.DataGrid.Infrastructure.InternalGr idContext`1	100%	100%
Microsoft.FluentUI.AspNetCore.Components.DateTimeProvider	100%	100%
Microsoft.FluentUI.AspNetCore.Components.DateTimeProviderContext	100%	92.8%
Microsoft.FluentUI.AspNetCore.Components.DefaultStyles	100%
Microsoft.FluentUI.AspNetCore.Components.Dialog.MessageBox.FluentMessageBox	100%	75%
Microsoft.FluentUI.AspNetCore.Components.DialogEventArgs	100%	92.8%
Microsoft.FluentUI.AspNetCore.Components.DialogInstance	100%	100%
Microsoft.FluentUI.AspNetCore.Components.DialogOptions	100%
Microsoft.FluentUI.AspNetCore.Components.DialogOptionsFooter	100%	100%
Microsoft.FluentUI.AspNetCore.Components.DialogOptionsFooterAction	100%	100%
Microsoft.FluentUI.AspNetCore.Components.DialogOptionsHeader	100%
Microsoft.FluentUI.AspNetCore.Components.DialogResult	100%	100%
Microsoft.FluentUI.AspNetCore.Components.DialogResult`1	100%
Microsoft.FluentUI.AspNetCore.Components.DialogService	100%	82.3%
Microsoft.FluentUI.AspNetCore.Components.DialogToggleEventArgs	100%
Microsoft.FluentUI.AspNetCore.Components.DropdownEventArgs	100%
Microsoft.FluentUI.AspNetCore.Components.Emoji	100%	100%
Microsoft.FluentUI.AspNetCore.Components.EmojiCompress	100%	100%
Microsoft.FluentUI.AspNetCore.Components.EmojiExtensions	100%	50%
Microsoft.FluentUI.AspNetCore.Components.EmojiInfo	100%
Microsoft.FluentUI.AspNetCore.Components.Extensions.DateTimeExtensions	100%	92%
Microsoft.FluentUI.AspNetCore.Components.Extensions.DisplayAttributeExtensi ons	100%	100%
Microsoft.FluentUI.AspNetCore.Components.Extensions.EnumExtensions	100%	100%
Microsoft.FluentUI.AspNetCore.Components.Extensions.FieldSizeExtensions	100%	100%
Microsoft.FluentUI.AspNetCore.Components.Extensions.FluentInputExtensions	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FileSizeConverter	100%
Microsoft.FluentUI.AspNetCore.Components.FluentAccordion	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentAccordionItem	100%	95.8%
Microsoft.FluentUI.AspNetCore.Components.FluentAnchorButton	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentAvatar	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentBadge	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentButton	98.4%	90.6%
Microsoft.FluentUI.AspNetCore.Components.FluentCalendar`1	98.1%	88.3%
Microsoft.FluentUI.AspNetCore.Components.FluentCalendarBase`1	100%	94.4%
Microsoft.FluentUI.AspNetCore.Components.FluentCalendarDay`1	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentCalendarMonth`1	100%	92.8%
Microsoft.FluentUI.AspNetCore.Components.FluentCalendarYear`1	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentCard	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentCheckbox	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentCombobox`1	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentComponentBase	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentCompoundButton	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentCounterBadge	100%	96.1%
Microsoft.FluentUI.AspNetCore.Components.FluentDataGrid`1	90.5%	88.5%
Microsoft.FluentUI.AspNetCore.Components.FluentDataGridCell`1	100%	95.2%
Microsoft.FluentUI.AspNetCore.Components.FluentDataGridRow`1	98.5%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentDatePicker`1	97.4%	85.2%
Microsoft.FluentUI.AspNetCore.Components.FluentDialog	97.5%	89.3%
Microsoft.FluentUI.AspNetCore.Components.FluentDialogBody	100%	91.6%
Microsoft.FluentUI.AspNetCore.Components.FluentDialogInstance	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentDialogProvider	100%	73.9%
Microsoft.FluentUI.AspNetCore.Components.FluentDivider	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentDragContainer`1	100%
Microsoft.FluentUI.AspNetCore.Components.FluentDragEventArgs`1	100%
Microsoft.FluentUI.AspNetCore.Components.FluentDropZone`1	100%	76%
Microsoft.FluentUI.AspNetCore.Components.FluentEmoji`1	100%	95%
Microsoft.FluentUI.AspNetCore.Components.FluentErrorBoundary	97.6%	93.7%
Microsoft.FluentUI.AspNetCore.Components.FluentField	100%	96.5%
Microsoft.FluentUI.AspNetCore.Components.FluentFieldCondition	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentFieldConditionItem	100%
Microsoft.FluentUI.AspNetCore.Components.FluentFieldConditionOptions	100%
Microsoft.FluentUI.AspNetCore.Components.FluentFieldExtensions	100%
Microsoft.FluentUI.AspNetCore.Components.FluentFieldParameterSelector	100%	98.7%
Microsoft.FluentUI.AspNetCore.Components.FluentGrid	100%	90%
Microsoft.FluentUI.AspNetCore.Components.FluentGridItem	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentHighlighter	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentIcon`1	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentImage	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentInputBase`1	93.8%	50%
Microsoft.FluentUI.AspNetCore.Components.FluentInputFile	100%	93.3%
Microsoft.FluentUI.AspNetCore.Components.FluentInputFileBuffer	100%
Microsoft.FluentUI.AspNetCore.Components.FluentInputFileErrorEventArgs	100%
Microsoft.FluentUI.AspNetCore.Components.FluentInputFileEventArgs	100%
Microsoft.FluentUI.AspNetCore.Components.FluentInputImmediateBase`1	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentJSModule	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentKeyCode	100%	92.8%
Microsoft.FluentUI.AspNetCore.Components.FluentKeyCodeEventArgs	100%	75%
Microsoft.FluentUI.AspNetCore.Components.FluentKeyCodeProvider	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentKeyPressEventArgs	100%
Microsoft.FluentUI.AspNetCore.Components.FluentLabel	100%
Microsoft.FluentUI.AspNetCore.Components.FluentLayout	100%	88.8%
Microsoft.FluentUI.AspNetCore.Components.FluentLayoutHamburger	100%	96.6%
Microsoft.FluentUI.AspNetCore.Components.FluentLayoutItem	100%	91%
Microsoft.FluentUI.AspNetCore.Components.FluentLink	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentListBase`1	97.3%	92.1%
Microsoft.FluentUI.AspNetCore.Components.FluentLocalizerExtensions	100%
Microsoft.FluentUI.AspNetCore.Components.FluentLocalizerInternal	100%
Microsoft.FluentUI.AspNetCore.Components.FluentMenu	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentMenuButton	100%	71.4%
Microsoft.FluentUI.AspNetCore.Components.FluentMenuItem	100%	90.4%
Microsoft.FluentUI.AspNetCore.Components.FluentMenuList	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentMessageBar	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentMultiSplitter	94.4%	89.4%
Microsoft.FluentUI.AspNetCore.Components.FluentMultiSplitterEventArgs	100%
Microsoft.FluentUI.AspNetCore.Components.FluentMultiSplitterPane	98.5%	85%
Microsoft.FluentUI.AspNetCore.Components.FluentMultiSplitterResizeEventArgs	100%
Microsoft.FluentUI.AspNetCore.Components.FluentOption	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentOverflow	100%	95.8%
Microsoft.FluentUI.AspNetCore.Components.FluentOverflowItem	100%	80%
Microsoft.FluentUI.AspNetCore.Components.FluentOverlay	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentPaginator	100%	94.4%
Microsoft.FluentUI.AspNetCore.Components.FluentPopover	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentProgress	100%
Microsoft.FluentUI.AspNetCore.Components.FluentProgressBar	100%	87.5%
Microsoft.FluentUI.AspNetCore.Components.FluentProgressRing	100%
Microsoft.FluentUI.AspNetCore.Components.FluentProviders	100%
Microsoft.FluentUI.AspNetCore.Components.FluentRadio`1	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentRadioGroup`1	100%	88.8%
Microsoft.FluentUI.AspNetCore.Components.FluentRatingDisplay	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentSelect`1	96.1%	83.3%
Microsoft.FluentUI.AspNetCore.Components.FluentServiceBase`1	100%
Microsoft.FluentUI.AspNetCore.Components.FluentServiceProviderException`1	100%
Microsoft.FluentUI.AspNetCore.Components.FluentSkeleton	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentSlider`1	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentSpacer	100%
Microsoft.FluentUI.AspNetCore.Components.FluentSpinner	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentSplitButton	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentStack	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentStatus	100%
Microsoft.FluentUI.AspNetCore.Components.FluentSwitch	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentTab	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentTabs	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentText	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentTextArea	100%	70%
Microsoft.FluentUI.AspNetCore.Components.FluentTextInput	100%	85%
Microsoft.FluentUI.AspNetCore.Components.FluentTimePicker`1	100%	81.1%
Microsoft.FluentUI.AspNetCore.Components.FluentToggleButton	100%	91.6%
Microsoft.FluentUI.AspNetCore.Components.FluentTooltip	100%	95%
Microsoft.FluentUI.AspNetCore.Components.FluentTooltipProvider	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentTreeItem	100%	95.3%
Microsoft.FluentUI.AspNetCore.Components.FluentTreeView	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FreeOptionOutput	100%
Microsoft.FluentUI.AspNetCore.Components.GridItemsProviderRequest`1	100%	100%
Microsoft.FluentUI.AspNetCore.Components.GridItemsProviderResult	100%
Microsoft.FluentUI.AspNetCore.Components.GridItemsProviderResult`1	100%
Microsoft.FluentUI.AspNetCore.Components.GridSort`1	100%	100%
Microsoft.FluentUI.AspNetCore.Components.HighlighterSplitter	100%	100%
Microsoft.FluentUI.AspNetCore.Components.Icon	100%	95%
Microsoft.FluentUI.AspNetCore.Components.IconFromImage	100%
Microsoft.FluentUI.AspNetCore.Components.IconInfo	100%
Microsoft.FluentUI.AspNetCore.Components.IconsExtensions	100%	50%
Microsoft.FluentUI.AspNetCore.Components.IFluentComponentChangeAfterKeyPres s	100%	100%
Microsoft.FluentUI.AspNetCore.Components.IFluentLocalizer	100%	100%
Microsoft.FluentUI.AspNetCore.Components.Infrastructure.EventCallbackSubscr ibable`1	100%	100%
Microsoft.FluentUI.AspNetCore.Components.Infrastructure.EventCallbackSubscr iber`1	100%	87.5%
Microsoft.FluentUI.AspNetCore.Components.InputFileInstance	100%	100%
Microsoft.FluentUI.AspNetCore.Components.InputFileOptions	100%
Microsoft.FluentUI.AspNetCore.Components.InternalListContext`1	100%
Microsoft.FluentUI.AspNetCore.Components.KeyCodeService	100%	85.7%
Microsoft.FluentUI.AspNetCore.Components.KeyPress	100%
Microsoft.FluentUI.AspNetCore.Components.LayoutHamburgerEventArgs	100%
Microsoft.FluentUI.AspNetCore.Components.LibraryTooltipOptions	100%
Microsoft.FluentUI.AspNetCore.Components.Localization.LanguageResource	100%	100%
Microsoft.FluentUI.AspNetCore.Components.MarkupSanitizedOptions	100%
Microsoft.FluentUI.AspNetCore.Components.MenuItemEventArgs	100%
Microsoft.FluentUI.AspNetCore.Components.MessageBoxOptions	100%
Microsoft.FluentUI.AspNetCore.Components.Migration.AppearanceExtensions	100%	100%
Microsoft.FluentUI.AspNetCore.Components.Migration.FluentInputAppearanceExt ensions	100%	100%
Microsoft.FluentUI.AspNetCore.Components.Migration.TooltipPositionExtension	100%	100%
Microsoft.FluentUI.AspNetCore.Components.PaginationState	100%	81.2%
Microsoft.FluentUI.AspNetCore.Components.ProgressFileDetails	100%
Microsoft.FluentUI.AspNetCore.Components.PropertyColumn`2	100%	81.8%
Microsoft.FluentUI.AspNetCore.Components.RadioEventArgs	100%
Microsoft.FluentUI.AspNetCore.Components.RangeOfDates	100%	100%
Microsoft.FluentUI.AspNetCore.Components.SelectAllTemplateArgs	100%
Microsoft.FluentUI.AspNetCore.Components.SelectColumn`1	97.3%	95.1%
Microsoft.FluentUI.AspNetCore.Components.ServiceProviderExtensions	100%
Microsoft.FluentUI.AspNetCore.Components.SortedProperty	100%
Microsoft.FluentUI.AspNetCore.Components.SpacingExtensions	100%	97.2%
Microsoft.FluentUI.AspNetCore.Components.TabChangeEventArgs	100%
Microsoft.FluentUI.AspNetCore.Components.TemplateColumn`1	100%	25%
Microsoft.FluentUI.AspNetCore.Components.TooltipEventArgs	100%
Microsoft.FluentUI.AspNetCore.Components.TotalItemCountChangedEventArgs	100%
Microsoft.FluentUI.AspNetCore.Components.TreeItemChangedEventArgs	100%
Microsoft.FluentUI.AspNetCore.Components.TreeViewItem	100%	100%
Microsoft.FluentUI.AspNetCore.Components.TreeViewItemExpandedEventArgs	100%
Microsoft.FluentUI.AspNetCore.Components.UploadedFileDetails	100%
Microsoft.FluentUI.AspNetCore.Components.Utilities.AddTag	100%	100%
Microsoft.FluentUI.AspNetCore.Components.Utilities.CssBuilder	100%	100%
Microsoft.FluentUI.AspNetCore.Components.Utilities.Debounce	100%	100%
Microsoft.FluentUI.AspNetCore.Components.Utilities.Identifier	100%	100%
Microsoft.FluentUI.AspNetCore.Components.Utilities.IdentifierContext	100%	75%
Microsoft.FluentUI.AspNetCore.Components.Utilities.InlineStyleBuilder	100%	91.6%
Microsoft.FluentUI.AspNetCore.Components.Utilities.MarkupStringSanitized	100%	92.5%
Microsoft.FluentUI.AspNetCore.Components.Utilities.RangeOf`1	96.7%	97.2%
Microsoft.FluentUI.AspNetCore.Components.Utilities.StyleBuilder	100%	100%
Microsoft.FluentUI.AspNetCore.Components.ZIndex	100%

...FluentUI.Demo.Client/Documentation/Components/Overflow/Examples/OverflowDefaultExample.razor

tests/Core/Components/Base/ComponentBaseTests.cs

src/Core/Components/Overflow/FluentOverflow.razor.cs

.mcp.json

examples/Demo/FluentUI.Demo.Client/Documentation/Components/Overflow/FluentOverflow.md

- Fix TypeScript no longer using Json stringify

- Call base.DisposeAsync - Remove TooltipProvider from tests

vnbaaij added 3 commits February 18, 2025 15:42

WIP

8b14cc0

Merge branch 'dev-v5' into users/vnbaaij/dev-v5/overflow

b97d818

Finish work.

8649abb

vnbaaij requested a review from dvoituron as a code owner December 24, 2025 14:10

Merge branch 'dev-v5' into users/vnbaaij/dev-v5/overflow

b612635

vnbaaij enabled auto-merge (squash) December 24, 2025 15:18

dvoituron added 2 commits December 28, 2025 19:49

Merge branch 'dev-v5' into users/vnbaaij/dev-v5/overflow

a26f9be

Merge branch 'dev-v5' into users/vnbaaij/dev-v5/overflow

ca59dc9

dvoituron requested changes Dec 29, 2025

View reviewed changes

vnbaaij added 5 commits December 29, 2025 18:33

Process review comments

0a10efd

Use .../d-ts/Microsoft.JSInterop

4425aee

- Fix doc calling non existant example

7669213

- Fix TypeScript no longer using Json stringify

- Add UseTooltipService parameter

27cd00a

- Call base.DisposeAsync - Remove TooltipProvider from tests

Fix dispose methods

60d3b0d

dvoituron approved these changes Dec 29, 2025

View reviewed changes

vnbaaij merged commit e9a81f0 into dev-v5 Dec 29, 2025
4 checks passed

vnbaaij deleted the users/vnbaaij/dev-v5/overflow branch December 29, 2025 19:58

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

[dev-v5] Add Overflow components and tests#4426

[dev-v5] Add Overflow components and tests#4426
vnbaaij merged 11 commits intodev-v5from
users/vnbaaij/dev-v5/overflow

vnbaaij commented Dec 24, 2025

Uh oh!

github-actions bot commented Dec 24, 2025 •

edited

Loading

Uh oh!

github-actions bot commented Dec 24, 2025 •

edited

Loading

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

Conversation

vnbaaij commented Dec 24, 2025

Uh oh!

github-actions bot commented Dec 24, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

github-actions bot commented Dec 24, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Summary - Unit Tests Code Coverage

Coverage

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

github-actions bot commented Dec 24, 2025 •

edited

Loading

github-actions bot commented Dec 24, 2025 •

edited

Loading