feat(react-utilities): add focusgroup attribute to baseElementProperties #35674

dmytrokirpa · 2026-01-19T14:10:44Z

Previous Behavior

focusgroup attribute was filtered out by getInstristicElementProps helper

New Behavior

focusgroup attribute is added to a valid attributes whitelist and passed through to a component as a valid attribute.

Related Issue(s)

Fixes #

github-actions · 2026-01-19T14:16:34Z

📊 Bundle size report

Package & Exports	Baseline (minified/GZIP)	PR	Change
`react-accordion` Accordion (including children components)	`107.473 kB` `32.898 kB`	`107.486 kB` `32.905 kB`	`13 B` `7 B`
`react-avatar` Avatar	`48.532 kB` `15.449 kB`	`48.545 kB` `15.459 kB`	`13 B` `10 B`
`react-avatar` AvatarGroup	`18.323 kB` `7.316 kB`	`18.336 kB` `7.324 kB`	`13 B` `8 B`
`react-avatar` AvatarGroupItem	`61.784 kB` `19.45 kB`	`61.797 kB` `19.459 kB`	`13 B` `9 B`
`react-badge` Badge	`25.067 kB` `8.17 kB`	`25.08 kB` `8.18 kB`	`13 B` `10 B`
`react-badge` CounterBadge	`25.847 kB` `8.444 kB`	`25.86 kB` `8.453 kB`	`13 B` `9 B`
`react-badge` PresenceBadge	`24.948 kB` `9.083 kB`	`24.961 kB` `9.091 kB`	`13 B` `8 B`
`react-breadcrumb` @fluentui/react-breadcrumb - package	`115.745 kB` `31.735 kB`	`115.758 kB` `31.742 kB`	`13 B` `7 B`
`react-button` Button	`38.218 kB` `10.643 kB`	`38.231 kB` `10.651 kB`	`13 B` `8 B`
`react-button` CompoundButton	`45.107 kB` `11.957 kB`	`45.12 kB` `11.965 kB`	`13 B` `8 B`
`react-button` MenuButton	`43.17 kB` `12.072 kB`	`43.183 kB` `12.08 kB`	`13 B` `8 B`
`react-button` SplitButton	`52.223 kB` `13.706 kB`	`52.236 kB` `13.714 kB`	`13 B` `8 B`
`react-button` ToggleButton	`55.141 kB` `12.473 kB`	`55.154 kB` `12.482 kB`	`13 B` `9 B`
`react-card` Card - All	`106.004 kB` `29.749 kB`	`106.017 kB` `29.756 kB`	`13 B` `7 B`
`react-card` Card	`98.672 kB` `27.873 kB`	`98.685 kB` `27.88 kB`	`13 B` `7 B`
`react-card` CardFooter	`13.629 kB` `5.429 kB`	`13.642 kB` `5.438 kB`	`13 B` `9 B`
`react-card` CardHeader	`16.162 kB` `6.294 kB`	`16.175 kB` `6.303 kB`	`13 B` `9 B`
`react-card` CardPreview	`13.713 kB` `5.565 kB`	`13.726 kB` `5.574 kB`	`13 B` `9 B`
`react-charts` AreaChart	`406.828 kB` `124.501 kB`	`406.841 kB` `124.507 kB`	`13 B` `6 B`
`react-charts` DeclarativeChart	`754.414 kB` `217.519 kB`	`754.427 kB` `217.526 kB`	`13 B` `7 B`
`react-charts` DonutChart	`317.269 kB` `94.591 kB`	`317.282 kB` `94.599 kB`	`13 B` `8 B`
`react-charts` FunnelChart	`308.819 kB` `91.48 kB`	`308.832 kB` `91.488 kB`	`13 B` `8 B`
`react-charts` GanttChart	`389.937 kB` `118.202 kB`	`389.95 kB` `118.21 kB`	`13 B` `8 B`
`react-charts` GaugeChart	`316.704 kB` `93.959 kB`	`316.717 kB` `93.968 kB`	`13 B` `9 B`
`react-charts` GroupedVerticalBarChart	`397.815 kB` `120.816 kB`	`397.828 kB` `120.824 kB`	`13 B` `8 B`
`react-charts` HeatMapChart	`392.018 kB` `119.877 kB`	`392.031 kB` `119.882 kB`	`13 B` `5 B`
`react-charts` HorizontalBarChart	`296.996 kB` `87.191 kB`	`297.009 kB` `87.195 kB`	`13 B` `4 B`
`react-charts` Legends	`236.071 kB` `69.561 kB`	`236.084 kB` `69.569 kB`	`13 B` `8 B`
`react-charts` LineChart	`417.39 kB` `126.557 kB`	`417.403 kB` `126.565 kB`	`13 B` `8 B`
`react-charts` PolarChart	`345.876 kB` `105.617 kB`	`345.889 kB` `105.623 kB`	`13 B` `6 B`
`react-charts` SankeyChart	`218.05 kB` `67.242 kB`	`218.063 kB` `67.248 kB`	`13 B` `6 B`
`react-charts` ScatterChart	`397.217 kB` `120.705 kB`	`397.23 kB` `120.712 kB`	`13 B` `7 B`
`react-charts` VerticalBarChart	`432.827 kB` `126.141 kB`	`432.84 kB` `126.146 kB`	`13 B` `5 B`
`react-charts` VerticalStackedBarChart	`403.729 kB` `121.617 kB`	`403.742 kB` `121.625 kB`	`13 B` `8 B`
`react-checkbox` Checkbox	`34.395 kB` `11.722 kB`	`34.408 kB` `11.73 kB`	`13 B` `8 B`
`react-color-picker` ColorArea	`48.411 kB` `17.012 kB`	`48.424 kB` `17.019 kB`	`13 B` `7 B`
`react-color-picker` ColorPicker	`17.042 kB` `6.849 kB`	`17.055 kB` `6.858 kB`	`13 B` `9 B`
`react-color-picker` ColorSlider	`40.585 kB` `15.063 kB`	`40.598 kB` `15.068 kB`	`13 B` `5 B`
`react-combobox` Combobox (including child components)	`106.057 kB` `34.479 kB`	`106.07 kB` `34.487 kB`	`13 B` `8 B`
`react-combobox` Dropdown (including child components)	`106.681 kB` `34.406 kB`	`106.694 kB` `34.414 kB`	`13 B` `8 B`
`react-components` react-components: Button, FluentProvider & webLightTheme	`70.309 kB` `20.074 kB`	`70.322 kB` `20.082 kB`	`13 B` `8 B`
`react-components` react-components: Accordion, Button, FluentProvider, Image, Menu, Popover	`237.447 kB` `68.609 kB`	`237.46 kB` `68.616 kB`	`13 B` `7 B`
`react-components` react-components: FluentProvider & webLightTheme	`43.608 kB` `14.165 kB`	`43.621 kB` `14.173 kB`	`13 B` `8 B`
`react-components` react-components: entire library	`1.286 MB` `322.184 kB`	`1.286 MB` `322.187 kB`	`13 B` `3 B`
`react-datepicker-compat` DatePicker Compat	`225.887 kB` `63.911 kB`	`225.9 kB` `63.919 kB`	`13 B` `8 B`
`react-dialog` Dialog (including children components)	`102.951 kB` `30.715 kB`	`102.964 kB` `30.723 kB`	`13 B` `8 B`
`react-divider` Divider	`20.67 kB` `7.599 kB`	`20.683 kB` `7.609 kB`	`13 B` `10 B`
`react-field` Field	`22.798 kB` `8.574 kB`	`22.811 kB` `8.583 kB`	`13 B` `9 B`
`react-image` Image	`14.451 kB` `5.831 kB`	`14.464 kB` `5.84 kB`	`13 B` `9 B`
`react-input` Input	`27.119 kB` `9.011 kB`	`27.132 kB` `9.019 kB`	`13 B` `8 B`
`react-label` Label	`13.777 kB` `5.559 kB`	`13.79 kB` `5.567 kB`	`13 B` `8 B`
`react-link` Link	`17.006 kB` `6.752 kB`	`17.019 kB` `6.759 kB`	`13 B` `7 B`
`react-list` List	`87.983 kB` `26.098 kB`	`87.996 kB` `26.105 kB`	`13 B` `7 B`
`react-list` ListItem	`111.568 kB` `32.962 kB`	`111.581 kB` `32.971 kB`	`13 B` `9 B`
`react-menu` Menu (including children components)	`164.492 kB` `49.833 kB`	`164.505 kB` `49.841 kB`	`13 B` `8 B`
`react-menu` Menu (including selectable components)	`167.474 kB` `50.402 kB`	`167.487 kB` `50.41 kB`	`13 B` `8 B`
`react-message-bar` MessageBar (all components)	`24.137 kB` `8.901 kB`	`24.15 kB` `8.907 kB`	`13 B` `6 B`
`react-persona` Persona	`55.423 kB` `17.327 kB`	`55.436 kB` `17.336 kB`	`13 B` `9 B`
`react-popover` Popover	`131.362 kB` `40.859 kB`	`131.375 kB` `40.865 kB`	`13 B` `6 B`
`react-progress` ProgressBar	`16.573 kB` `6.527 kB`	`16.586 kB` `6.536 kB`	`13 B` `9 B`
`react-provider` FluentProvider	`23.784 kB` `8.472 kB`	`23.797 kB` `8.479 kB`	`13 B` `7 B`
`react-radio` Radio	`31.778 kB` `9.929 kB`	`31.791 kB` `9.937 kB`	`13 B` `8 B`
`react-radio` RadioGroup	`14.867 kB` `6.008 kB`	`14.88 kB` `6.017 kB`	`13 B` `9 B`
`react-select` Select	`26.958 kB` `9.754 kB`	`26.971 kB` `9.762 kB`	`13 B` `8 B`
`react-slider` Slider	`37.195 kB` `12.382 kB`	`37.208 kB` `12.393 kB`	`13 B` `11 B`
`react-spinbutton` SpinButton	`34.442 kB` `11.368 kB`	`34.455 kB` `11.377 kB`	`13 B` `9 B`
`react-spinner` Spinner	`24.374 kB` `8.121 kB`	`24.387 kB` `8.13 kB`	`13 B` `9 B`
`react-swatch-picker` @fluentui/react-swatch-picker - package	`105.143 kB` `30.259 kB`	`105.156 kB` `30.267 kB`	`13 B` `8 B`
`react-switch` Switch	`35.375 kB` `11.144 kB`	`35.388 kB` `11.152 kB`	`13 B` `8 B`
`react-table` DataGrid	`160.182 kB` `45.256 kB`	`160.195 kB` `45.263 kB`	`13 B` `7 B`
`react-table` Table (Primitives only)	`41.87 kB` `13.485 kB`	`41.883 kB` `13.493 kB`	`13 B` `8 B`
`react-table` Table as DataGrid	`131.397 kB` `36.257 kB`	`131.41 kB` `36.265 kB`	`13 B` `8 B`
`react-table` Table (Selection only)	`69.785 kB` `19.62 kB`	`69.798 kB` `19.628 kB`	`13 B` `8 B`
`react-table` Table (Sort only)	`68.428 kB` `19.236 kB`	`68.441 kB` `19.244 kB`	`13 B` `8 B`
`react-tag-picker` @fluentui/react-tag-picker - package	`187.407 kB` `56.165 kB`	`187.42 kB` `56.172 kB`	`13 B` `7 B`
`react-tags` InteractionTag	`14.539 kB` `5.779 kB`	`14.552 kB` `5.788 kB`	`13 B` `9 B`
`react-tags` Tag	`30.394 kB` `9.712 kB`	`30.407 kB` `9.721 kB`	`13 B` `9 B`
`react-tags` TagGroup	`83.084 kB` `24.483 kB`	`83.097 kB` `24.491 kB`	`13 B` `8 B`
`react-text` Text - Default	`16.168 kB` `6.275 kB`	`16.181 kB` `6.285 kB`	`13 B` `10 B`
`react-text` Text - Wrappers	`19.328 kB` `6.61 kB`	`19.341 kB` `6.619 kB`	`13 B` `9 B`
`react-textarea` Textarea	`25.501 kB` `9.27 kB`	`25.514 kB` `9.278 kB`	`13 B` `8 B`
`react-timepicker-compat` TimePicker	`109.023 kB` `36.011 kB`	`109.036 kB` `36.023 kB`	`13 B` `12 B`
`react-toast` Toast (including Toaster)	`103.433 kB` `30.931 kB`	`103.446 kB` `30.938 kB`	`13 B` `7 B`
`react-tree` FlatTree	`148.508 kB` `42.451 kB`	`148.521 kB` `42.459 kB`	`13 B` `8 B`
`react-tree` PersonaFlatTree	`150.334 kB` `42.836 kB`	`150.347 kB` `42.844 kB`	`13 B` `8 B`
`react-tree` PersonaTree	`146.394 kB` `41.664 kB`	`146.407 kB` `41.672 kB`	`13 B` `8 B`
`react-tree` Tree	`144.574 kB` `41.291 kB`	`144.587 kB` `41.298 kB`	`13 B` `7 B`

Unchanged fixtures

Package & Exports	Size (minified/GZIP)
`global-context` createContext	`510 B` `328 B`
`global-context` createContextSelector	`537 B` `339 B`
`react-aria` ARIA - Default	`237 B` `181 B`
`react-calendar-compat` Calendar Compat	`149.207 kB` `39.833 kB`
`react-charts` HorizontalBarChartWithAxis	`63 B` `83 B`
`react-charts` Sparkline	`91.393 kB` `28.708 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-motion` @fluentui/react-motion - createMotionComponent()	`4.156 kB` `1.818 kB`
`react-motion` @fluentui/react-motion - createPresenceComponent()	`5.908 kB` `2.442 kB`
`react-motion` @fluentui/react-motion - PresenceGroup	`1.727 kB` `823 B`
`react-overflow` hooks only	`11.977 kB` `4.574 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-teaching-popover` TeachingPopover	`101.867 kB` `30.488 kB`
`react-tooltip` Tooltip	`57.962 kB` `20.022 kB`
`react-utilities` SSRProvider	`180 B` `160 B`

_{🤖 This report was generated against aa4c072a894b8d9e70c3e749ee7851e3c18ce63c}

github-actions · 2026-01-19T14:17:22Z

Pull request demo site: URL

change/@fluentui-react-utilities-59bbb135-7f60-4972-b999-3b78f64f41b5.json

feat(react-utilities): add focusgroup attribute to baseElementProperties

cf8bbc9

dmytrokirpa self-assigned this Jan 19, 2026

dmytrokirpa added the Fluent UI react-components (v9) label Jan 19, 2026

github-actions bot reviewed Jan 19, 2026

View reviewed changes

change/@fluentui-react-utilities-59bbb135-7f60-4972-b999-3b78f64f41b5.json Show resolved Hide resolved

dmytrokirpa marked this pull request as ready for review January 19, 2026 16:01

dmytrokirpa requested review from a team as code owners January 19, 2026 16:01

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

feat(react-utilities): add focusgroup attribute to baseElementProperties #35674

feat(react-utilities): add focusgroup attribute to baseElementProperties #35674

dmytrokirpa commented Jan 19, 2026 •

edited

Loading

Uh oh!

github-actions bot commented Jan 19, 2026

Uh oh!

github-actions bot commented Jan 19, 2026

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

1 participant

feat(react-utilities): add focusgroup attribute to baseElementProperties #35674

Are you sure you want to change the base?

feat(react-utilities): add focusgroup attribute to baseElementProperties #35674

Conversation

dmytrokirpa commented Jan 19, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Previous Behavior

New Behavior

Related Issue(s)

Uh oh!

github-actions bot commented Jan 19, 2026

📊 Bundle size report

Uh oh!

github-actions bot commented Jan 19, 2026

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

1 participant

dmytrokirpa commented Jan 19, 2026 •

edited

Loading