Skip to content

Conversation

@bsunderhus
Copy link
Contributor

feat(react-table): add integration test for combobox keyboard navigation fix

Fixes #35520

@github-actions
Copy link

github-actions bot commented Dec 9, 2025

Pull request demo site: URL

@@ -0,0 +1,204 @@
import * as React from 'react';
Copy link

@github-actions github-actions bot Dec 9, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🕵🏾‍♀️ visual changes to review in the Visual Change Report

vr-tests-react-components/Charts-DonutChart 2 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-react-components/Charts-DonutChart.Dynamic - Dark Mode.default.chromium.png 12638 Changed
vr-tests-react-components/Charts-DonutChart.Dynamic.default.chromium.png 27057 Changed
vr-tests-react-components/Drawer 1 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-react-components/Drawer.overlay drawer full.chromium.png 3314 Changed
vr-tests-react-components/Positioning 2 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-react-components/Positioning.Positioning end.updated 2 times.chromium.png 80 Changed
vr-tests-react-components/Positioning.Positioning end.chromium.png 906 Changed
vr-tests-react-components/TagPicker 1 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-react-components/TagPicker.disabled - High Contrast.chromium.png 1319 Changed
vr-tests-web-components/Accordion 1 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-web-components/Accordion. - Dark Mode.normal.chromium_1.png 3154 Changed
vr-tests-web-components/Avatar 2 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-web-components/Avatar. - Dark Mode.normal.chromium.png 10380 Changed
vr-tests-web-components/Avatar. - Dark Mode.normal.chromium_1.png 298 Changed
vr-tests-web-components/Badge 1 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-web-components/Badge. - Dark Mode.normal.chromium.png 443 Changed
vr-tests-web-components/MenuList 3 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-web-components/MenuList. - Dark Mode.normal.chromium.png 498 Changed
vr-tests-web-components/MenuList. - RTL.2nd selected.chromium.png 17 Changed
vr-tests-web-components/MenuList. - RTL.normal.chromium_1.png 39083 Changed
vr-tests-web-components/TextInput 1 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-web-components/TextInput. - Dark Mode.normal.chromium_1.png 288 Changed
vr-tests/Callout 4 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests/Callout.Left bottom edge.default.chromium.png 3182 Changed
vr-tests/Callout.Right center.default.chromium.png 2117 Changed
vr-tests/Callout.Top auto edge.default.chromium.png 2212 Changed
vr-tests/Callout.Top center.default.chromium.png 2127 Changed
vr-tests/Keytip 1 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests/Keytip.Offset.default.chromium.png 86 Changed
vr-tests/react-charting-AreaChart 1 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests/react-charting-AreaChart.Custom Accessibility.default.chromium.png 11 Changed
vr-tests/react-charting-GaugeChart 1 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests/react-charting-GaugeChart.Basic.default.chromium.png 2 Changed
vr-tests/react-charting-LineChart 1 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests/react-charting-LineChart.Events - Dark Mode.default.chromium.png 16 Changed
vr-tests/react-charting-MultiStackBarChart 1 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests/react-charting-MultiStackBarChart.Basic_PartToWhole - Dark Mode.default.chromium.png 363 Changed

There were 1 duplicate changes discarded. Check the build logs for more information.

@github-actions
Copy link

github-actions bot commented Dec 9, 2025

📊 Bundle size report

Package & Exports Baseline (minified/GZIP) PR Change
react-accordion
Accordion (including children components)
107.26 kB
32.84 kB
107.374 kB
32.907 kB
114 B
67 B
react-breadcrumb
@fluentui/react-breadcrumb - package
115.625 kB
31.709 kB
115.739 kB
31.767 kB
114 B
58 B
react-calendar-compat
Calendar Compat
149.207 kB
39.833 kB
149.321 kB
39.899 kB
114 B
66 B
react-card
Card - All
105.924 kB
29.733 kB
105.999 kB
29.779 kB
75 B
46 B
react-card
Card
98.592 kB
27.856 kB
98.667 kB
27.899 kB
75 B
43 B
react-charts
AreaChart
403.25 kB
123.211 kB
403.364 kB
123.271 kB
114 B
60 B
react-charts
DeclarativeChart
720.489 kB
208.468 kB
720.603 kB
208.539 kB
114 B
71 B
react-charts
DonutChart
298.828 kB
89.101 kB
298.942 kB
89.175 kB
114 B
74 B
react-charts
FunnelChart
290.083 kB
85.929 kB
290.197 kB
86.007 kB
114 B
78 B
react-charts
GanttChart
385.035 kB
116.325 kB
385.149 kB
116.396 kB
114 B
71 B
react-charts
GaugeChart
313.705 kB
92.734 kB
313.819 kB
92.821 kB
114 B
87 B
react-charts
GroupedVerticalBarChart
393.046 kB
118.944 kB
393.16 kB
119.016 kB
114 B
72 B
react-charts
HeatMapChart
387.104 kB
118.029 kB
387.218 kB
118.087 kB
114 B
58 B
react-charts
HorizontalBarChart
296.449 kB
87.009 kB
296.563 kB
87.066 kB
114 B
57 B
react-charts
Legends
235.555 kB
69.356 kB
235.669 kB
69.422 kB
114 B
66 B
react-charts
LineChart
412.892 kB
124.761 kB
413.006 kB
124.833 kB
114 B
72 B
react-charts
SankeyChart
199.518 kB
61.371 kB
199.632 kB
61.448 kB
114 B
77 B
react-charts
ScatterChart
392.597 kB
118.949 kB
392.711 kB
119.02 kB
114 B
71 B
react-charts
Sparkline
91.385 kB
28.704 kB
91.46 kB
28.75 kB
75 B
46 B
react-charts
VerticalBarChart
427.466 kB
123.964 kB
427.58 kB
124.026 kB
114 B
62 B
react-charts
VerticalStackedBarChart
399.363 kB
119.907 kB
399.477 kB
119.978 kB
114 B
71 B
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
237.194 kB
68.545 kB
237.308 kB
68.614 kB
114 B
69 B
react-components
react-components: entire library
1.285 MB
321.794 kB
1.286 MB
322.114 kB
1.013 kB
320 B
react-datepicker-compat
DatePicker Compat
225.807 kB
63.893 kB
225.921 kB
63.977 kB
114 B
84 B
react-dialog
Dialog (including children components)
102.738 kB
30.646 kB
102.813 kB
30.707 kB
75 B
61 B
react-list
List
87.903 kB
26.08 kB
88.017 kB
26.148 kB
114 B
68 B
react-list
ListItem
111.488 kB
32.937 kB
111.602 kB
33.002 kB
114 B
65 B
react-menu
Menu (including children components)
164.412 kB
49.793 kB
164.526 kB
49.857 kB
114 B
64 B
react-menu
Menu (including selectable components)
167.394 kB
50.381 kB
167.508 kB
50.439 kB
114 B
58 B
react-popover
Popover
131.282 kB
40.84 kB
131.357 kB
40.888 kB
75 B
48 B
react-swatch-picker
@fluentui/react-swatch-picker - package
105.063 kB
30.239 kB
105.177 kB
30.31 kB
114 B
71 B
react-table
DataGrid
160.194 kB
45.261 kB
160.308 kB
45.323 kB
114 B
62 B
react-table
Table as DataGrid
131.409 kB
36.253 kB
131.523 kB
36.322 kB
114 B
69 B
react-tag-picker
@fluentui/react-tag-picker - package
187.327 kB
56.145 kB
187.441 kB
56.215 kB
114 B
70 B
react-tags
TagGroup
83.004 kB
24.47 kB
83.118 kB
24.534 kB
114 B
64 B
react-teaching-popover
TeachingPopover
101.867 kB
30.488 kB
101.942 kB
30.54 kB
75 B
52 B
react-toast
Toast (including Toaster)
103.22 kB
30.88 kB
103.295 kB
30.934 kB
75 B
54 B
react-tree
FlatTree
148.292 kB
42.393 kB
148.408 kB
42.453 kB
116 B
60 B
react-tree
PersonaFlatTree
150.12 kB
42.772 kB
150.234 kB
42.838 kB
114 B
66 B
react-tree
PersonaTree
146.181 kB
41.588 kB
146.295 kB
41.65 kB
114 B
62 B
react-tree
Tree
144.361 kB
41.232 kB
144.475 kB
41.29 kB
114 B
58 B
Unchanged fixtures
Package & Exports Size (minified/GZIP)
global-context
createContext
510 B
328 B
global-context
createContextSelector
537 B
339 B
keyboard-key
keyboard-key package
3.746 kB
1.928 kB
keyboard-keys
Multiple keyCodes
50 B
70 B
keyboard-keys
Multiple keys
87 B
94 B
keyboard-keys
Single key
44 B
64 B
keyboard-keys
Single keyCode
39 B
59 B
priority-overflow
createOverflowManager
4.457 kB
1.832 kB
react
ActivityItem
71.22 kB
23.347 kB
react
Announced
38.472 kB
13.275 kB
react
Autofill
15.42 kB
4.766 kB
react
Breadcrumb
200.805 kB
59.601 kB
react
Button
194.354 kB
55.886 kB
react
ButtonGrid
179.242 kB
53.891 kB
react
Calendar
121.162 kB
36.83 kB
react
Callout
84.299 kB
27.593 kB
react
Check
53.206 kB
17.835 kB
react
Checkbox
59.978 kB
19.874 kB
react
ChoiceGroup
65.488 kB
21.465 kB
react
ChoiceGroupOption
58.769 kB
19.353 kB
react
Coachmark
92.7 kB
29.305 kB
react
Color
7.789 kB
3.127 kB
react
ColorPicker
134.97 kB
42.125 kB
react
ComboBox
250.687 kB
71.515 kB
react
CommandBar
201.861 kB
59.387 kB
react
ContextualMenu
154.229 kB
47.566 kB
react
DatePicker
183.251 kB
55.892 kB
react
DateTimeUtilities
5.244 kB
1.849 kB
react
DetailsList
229.929 kB
65.81 kB
react
Dialog
210.16 kB
62.358 kB
react
Divider
19.588 kB
6.84 kB
react
DocumentCard
215.843 kB
63.666 kB
react
DragDrop
8.343 kB
2.724 kB
react
DraggableZone
34.28 kB
11.488 kB
react
Dropdown
233.151 kB
67.962 kB
react
ExtendedPicker
96.823 kB
27.866 kB
react
Fabric
41.728 kB
14.343 kB
react
Facepile
209.377 kB
62.375 kB
react
FloatingPicker
240.865 kB
68.222 kB
react
FocusTrapZone
16.99 kB
5.891 kB
react
FocusZone
55.1 kB
17.451 kB
react
Grid
179.242 kB
53.891 kB
react
GroupedList
135.035 kB
40.67 kB
react
GroupedListV2
122.659 kB
37.758 kB
react
HoverCard
96.784 kB
30.688 kB
react
Icon
51.887 kB
17.263 kB
react
Icons
66.339 kB
24.385 kB
react
Image
46.901 kB
15.695 kB
react
Keytip
81.301 kB
26.677 kB
react
KeytipData
14.05 kB
4.583 kB
react
KeytipLayer
103.089 kB
31.9 kB
react
Keytips
105.873 kB
32.904 kB
react
Label
38.324 kB
13.241 kB
react
Layer
48.089 kB
16.348 kB
react
Link
39.665 kB
13.653 kB
react
List
39.346 kB
12.454 kB
react
MarqueeSelection
74.49 kB
22.402 kB
react
MessageBar
189.388 kB
56.33 kB
react
Modal
93.738 kB
30.223 kB
react
Nav
186.825 kB
55.723 kB
react
OverflowSet
33.354 kB
11.282 kB
react
Overlay
40.885 kB
14.077 kB
react
Panel
200.327 kB
59.336 kB
react
Persona
114.591 kB
36.435 kB
react
PersonaCoin
114.591 kB
36.435 kB
react
PersonaPresence
58.076 kB
19.372 kB
react
Pickers
297.91 kB
82.996 kB
react
Pivot
187.734 kB
56.5 kB
react
Popup
12.312 kB
4.197 kB
react
Positioning
22.764 kB
7.683 kB
react
PositioningContainer
73.445 kB
23.685 kB
react
ProgressIndicator
39.477 kB
13.528 kB
react
Rating
82.086 kB
26.09 kB
react
Fluent UI React (entire library)
1.019 MB
283.182 kB
react
ResizeGroup
13.35 kB
4.379 kB
react
ResponsiveMode
8.13 kB
2.966 kB
react
ScrollablePane
55.541 kB
17.718 kB
react
SearchBox
187.63 kB
55.936 kB
react
SelectableOption
724 B
413 B
react
SelectedItemsList
231.35 kB
67.176 kB
react
Selection
42.418 kB
12.26 kB
react
Separator
35.365 kB
12.132 kB
react
Shimmer
49.249 kB
16.258 kB
react
ShimmeredDetailsList
240.71 kB
68.549 kB
react
Slider
57.627 kB
19.198 kB
react
SpinButton
191.297 kB
57.006 kB
react
Spinner
41.759 kB
14.468 kB
react
Stack
42.039 kB
14.389 kB
react
Sticky
32.577 kB
10.488 kB
react
Styling
46.033 kB
15.135 kB
react
SwatchColorPicker
189.637 kB
57.417 kB
react
TeachingBubble
204.648 kB
60.317 kB
react
Text
36.886 kB
12.806 kB
react
TextField
80.798 kB
25.308 kB
react
Theme
43.486 kB
14.168 kB
react
ThemeGenerator
12.384 kB
4.116 kB
react
TimePicker
240.515 kB
69.311 kB
react
Toggle
46.201 kB
15.957 kB
react
Tooltip
87.073 kB
28.151 kB
react
Utilities
82.938 kB
25.15 kB
react
Viewport
23.872 kB
7.642 kB
react
WeeklyDayPicker
101.348 kB
31.644 kB
react
WindowProvider
1.059 kB
541 B
react-aria
ARIA - Default
237 B
181 B
react-avatar
Avatar
48.452 kB
15.431 kB
react-avatar
AvatarGroup
18.243 kB
7.299 kB
react-avatar
AvatarGroupItem
61.704 kB
19.432 kB
react-badge
Badge
24.987 kB
8.153 kB
react-badge
CounterBadge
25.767 kB
8.426 kB
react-badge
PresenceBadge
24.868 kB
9.063 kB
react-button
Button
38.098 kB
10.605 kB
react-button
CompoundButton
44.982 kB
11.967 kB
react-button
MenuButton
43.038 kB
12.045 kB
react-button
SplitButton
51.803 kB
13.67 kB
react-button
ToggleButton
55.016 kB
12.439 kB
react-card
CardFooter
13.549 kB
5.411 kB
react-card
CardHeader
16.082 kB
6.279 kB
react-card
CardPreview
13.633 kB
5.547 kB
react-charting
AreaChart
299.078 kB
93.301 kB
react-charting
ChartHoverCard
37.196 kB
12.7 kB
react-charting
DeclarativeChart
647.335 kB
182.764 kB
react-charting
DonutChart
194.195 kB
60.841 kB
react-charting
GanttChart
278.579 kB
87.149 kB
react-charting
GaugeChart
194.712 kB
60.486 kB
react-charting
GroupedVerticalBarChart
290.412 kB
90.13 kB
react-charting
HeatMapChart
281.428 kB
87.826 kB
react-charting
HorizontalBarChart
127.238 kB
39.931 kB
react-charting
HorizontalBarChartWithAxis
288.265 kB
89.081 kB
react-charting
Legends
151.235 kB
46.305 kB
react-charting
LineChart
328.606 kB
100.243 kB
react-charting
MultiStackedBarChart
181.411 kB
55.129 kB
react-charting
PieChart
134.239 kB
42.282 kB
react-charting
SankeyChart
149.298 kB
46.659 kB
react-charting
ScatterChart
285 kB
89.521 kB
react-charting
Sparkline
87.616 kB
29.671 kB
react-charting
StackedBarChart
175.092 kB
52.716 kB
react-charting
TreeChart
84.809 kB
26.636 kB
react-charting
VerticalBarChart
300.598 kB
91.596 kB
react-charting
VerticalStackedBarChart
296.558 kB
91.152 kB
react-charts
HorizontalBarChartWithAxis
63 B
83 B
react-checkbox
Checkbox
34.315 kB
11.706 kB
react-color-picker
ColorArea
48.331 kB
16.993 kB
react-color-picker
ColorPicker
16.962 kB
6.832 kB
react-color-picker
ColorSlider
40.505 kB
15.041 kB
react-combobox
Combobox (including child components)
105.977 kB
34.465 kB
react-combobox
Dropdown (including child components)
106.601 kB
34.39 kB
react-components
react-components: Button, FluentProvider & webLightTheme
70.189 kB
20.037 kB
react-components
react-components: FluentProvider & webLightTheme
43.528 kB
14.148 kB
react-divider
Divider
20.524 kB
7.559 kB
react-field
Field
22.595 kB
8.505 kB
react-image
Image
14.371 kB
5.815 kB
react-input
Input
27.039 kB
8.993 kB
react-jsx-runtime
Classic Pragma
1.101 kB
550 B
react-jsx-runtime
JSX Dev Runtime
2.8 kB
1.247 kB
react-jsx-runtime
JSX Runtime
3.154 kB
1.359 kB
react-label
Label
13.697 kB
5.54 kB
react-link
Link
16.926 kB
6.734 kB
react-message-bar
MessageBar (all components)
24.057 kB
8.884 kB
react-motion
@fluentui/react-motion - createMotionComponent()
4.109 kB
1.806 kB
react-motion
@fluentui/react-motion - createPresenceComponent()
5.771 kB
2.396 kB
react-motion
@fluentui/react-motion - PresenceGroup
1.727 kB
823 B
react-overflow
hooks only
11.977 kB
4.574 kB
react-persona
Persona
55.343 kB
17.311 kB
react-portal
Portal
15.55 kB
5.398 kB
react-portal-compat
PortalCompatProvider
8.386 kB
2.624 kB
react-positioning
usePositioning
28.865 kB
10.146 kB
react-positioning
useSafeZoneArea
12.445 kB
5 kB
react-progress
ProgressBar
16.493 kB
6.507 kB
react-provider
FluentProvider
23.704 kB
8.452 kB
react-radio
Radio
31.698 kB
9.911 kB
react-radio
RadioGroup
14.787 kB
5.992 kB
react-select
Select
26.878 kB
9.735 kB
react-slider
Slider
37.115 kB
12.365 kB
react-spinbutton
SpinButton
34.362 kB
11.35 kB
react-spinner
Spinner
24.294 kB
8.104 kB
react-switch
Switch
35.295 kB
11.127 kB
react-table
Table (Primitives only)
41.882 kB
13.483 kB
react-table
Table (Selection only)
69.797 kB
19.616 kB
react-table
Table (Sort only)
68.44 kB
19.233 kB
react-tags
InteractionTag
14.459 kB
5.759 kB
react-tags
Tag
30.314 kB
9.694 kB
react-text
Text - Default
16.088 kB
6.258 kB
react-text
Text - Wrappers
19.248 kB
6.592 kB
react-textarea
Textarea
25.421 kB
9.255 kB
react-theme
Single theme token import
69 B
89 B
react-theme
Teams: all themes
36.081 kB
7.658 kB
react-theme
Teams: Light theme
20.025 kB
5.723 kB
react-timepicker-compat
TimePicker
108.943 kB
35.995 kB
react-tooltip
Tooltip
57.9 kB
20.014 kB
react-utilities
SSRProvider
180 B
160 B
🤖 This report was generated against 36594a879656678e7358dcd1475e4fd627925080

@bsunderhus bsunderhus force-pushed the chore(react-tabster)--upgrate-tabster-version-to-8.6.2 branch from 240309c to edb678a Compare December 9, 2025 16:45
@bsunderhus bsunderhus marked this pull request as ready for review December 9, 2025 21:04
@bsunderhus bsunderhus requested review from a team as code owners December 9, 2025 21:04
- Upgrades tabster from 8.5.5 to 8.6.2
- Includes fix for GitHub issue microsoft#35520 where down arrow in combobox within table would move focus to next table cell instead of navigating combobox options
- The upgrade includes tabster PR microsoft#486 which adds combobox role to elements ignored by Mover when aria-expanded=true

feat(react-table): add integration test for combobox keyboard navigation fix

- Adds cypress test to verify fix for issue microsoft#35520
- Tests that down arrow in open combobox updates aria-activedescendant instead of moving to table cell
- Verifies combobox functionality is preserved within table grid navigation context
- Uses real @fluentui/react-components Combobox component for accurate behavior testing

Fixes microsoft#35520
@bsunderhus bsunderhus force-pushed the chore(react-tabster)--upgrate-tabster-version-to-8.6.2 branch from edb678a to 468283d Compare December 10, 2025 15:02
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Bug]: Combobox on Table: Down Arrow closes popover on input instead of focusing first option

2 participants