fluentui
fluentui copied to clipboard
fix(TagItem v8): add missing data-id attribute
Previous Behavior
- N/A
New Behavior
- User can pass
removeButtonPropsattribute toTagItemwhich renders all the props on the close button - This allows better integration with test and tracking tools
Related Issue(s)
- https://github.com/microsoft/fluentui/issues/31366
Fixes
- Adds missing
data-idattribute to the close button inTagItemcomponent
@microsoft-github-policy-service agree company="Microsoft"
📊 Bundle size report
| Package & Exports | Baseline (minified/GZIP) | PR | Change |
|---|---|---|---|
| react ExtendedPicker |
96.873 kB27.893 kB |
96.873 kB27.892 kB |
-1 B |
| react FloatingPicker |
242.366 kB69.001 kB |
242.366 kB69.002 kB |
1 B |
| react Pickers |
298.98 kB83.625 kB |
299.004 kB83.632 kB |
24 B 7 B |
| react Fluent UI React (entire library) |
1.018 MB282.923 kB |
1.018 MB282.934 kB |
24 B 11 B |
| react SelectedItemsList |
232.878 kB67.891 kB |
232.878 kB67.893 kB |
2 B |
Unchanged fixtures
| Package & Exports | Size (minified/GZIP) |
|---|---|
| react ActivityItem |
71.236 kB23.357 kB |
| react Announced |
38.489 kB13.296 kB |
| react Autofill |
15.42 kB4.766 kB |
| react Breadcrumb |
202.318 kB60.388 kB |
| react Button |
195.791 kB56.627 kB |
| react ButtonGrid |
180.722 kB54.627 kB |
| react Calendar |
121.875 kB37.024 kB |
| react Callout |
84.323 kB27.64 kB |
| react Check |
53.204 kB17.848 kB |
| react Checkbox |
59.985 kB19.903 kB |
| react ChoiceGroup |
65.494 kB21.489 kB |
| react ChoiceGroupOption |
58.767 kB19.362 kB |
| react Coachmark |
93.144 kB29.42 kB |
| react Color |
7.789 kB3.127 kB |
| react ColorPicker |
135.292 kB42.21 kB |
| react ComboBox |
252.24 kB72.304 kB |
| react CommandBar |
203.359 kB60.141 kB |
| react ContextualMenu |
155.243 kB48.202 kB |
| react DatePicker |
184.295 kB56.15 kB |
| react DateTimeUtilities |
5.244 kB1.849 kB |
| react DetailsList |
229.909 kB65.781 kB |
| react Dialog |
211.717 kB63.165 kB |
| react Divider |
19.603 kB6.845 kB |
| react DocumentCard |
217.336 kB64.44 kB |
| react DragDrop |
8.343 kB2.724 kB |
| react DraggableZone |
34.303 kB11.511 kB |
| react Dropdown |
234.695 kB68.743 kB |
| react Fabric |
41.745 kB14.366 kB |
| react Facepile |
210.893 kB63.167 kB |
| react FocusTrapZone |
17.023 kB5.911 kB |
| react FocusZone |
55.159 kB17.492 kB |
| react Grid |
180.722 kB54.627 kB |
| react GroupedList |
135.07 kB40.7 kB |
| react GroupedListV2 |
122.687 kB37.788 kB |
| react HoverCard |
97.16 kB30.787 kB |
| react Icon |
51.885 kB17.272 kB |
| react Icons |
66.361 kB24.397 kB |
| react Image |
46.904 kB15.707 kB |
| react Keytip |
81.693 kB26.766 kB |
| react KeytipData |
14.032 kB4.582 kB |
| react KeytipLayer |
103.474 kB32.015 kB |
| react Keytips |
106.238 kB33.013 kB |
| react Label |
38.347 kB13.257 kB |
| react Layer |
48.099 kB16.367 kB |
| react Link |
39.682 kB13.67 kB |
| react List |
39.371 kB12.463 kB |
| react MarqueeSelection |
74.517 kB22.433 kB |
| react MessageBar |
190.869 kB57.103 kB |
| react Modal |
93.738 kB30.271 kB |
| react Nav |
188.306 kB56.485 kB |
| react OverflowSet |
33.385 kB11.314 kB |
| react Overlay |
40.902 kB14.095 kB |
| react Panel |
201.808 kB60.106 kB |
| react Persona |
114.948 kB36.532 kB |
| react PersonaCoin |
114.948 kB36.532 kB |
| react PersonaPresence |
58.074 kB19.384 kB |
| react Pivot |
189.226 kB57.267 kB |
| react Popup |
12.294 kB4.195 kB |
| react Positioning |
22.807 kB7.701 kB |
| react PositioningContainer |
73.85 kB23.765 kB |
| react ProgressIndicator |
39.494 kB13.55 kB |
| react Rating |
82.12 kB26.127 kB |
| react ResizeGroup |
13.338 kB4.377 kB |
| react ResponsiveMode |
8.13 kB2.966 kB |
| react ScrollablePane |
55.557 kB17.728 kB |
| react SearchBox |
189.118 kB56.68 kB |
| react SelectableOption |
724 B413 B |
| react Selection |
42.444 kB12.278 kB |
| react Separator |
35.384 kB12.146 kB |
| react Shimmer |
49.259 kB16.268 kB |
| react ShimmeredDetailsList |
240.691 kB68.532 kB |
| react Slider |
57.651 kB19.217 kB |
| react SpinButton |
192.821 kB57.775 kB |
| react Spinner |
41.775 kB14.48 kB |
| react Stack |
42.074 kB14.405 kB |
| react Sticky |
32.599 kB10.504 kB |
| react Styling |
46.033 kB15.135 kB |
| react SwatchColorPicker |
191.136 kB58.151 kB |
| react TeachingBubble |
206.139 kB61.063 kB |
| react Text |
36.908 kB12.822 kB |
| react TextField |
80.79 kB25.315 kB |
| react Theme |
43.493 kB14.173 kB |
| react ThemeGenerator |
12.392 kB4.126 kB |
| react TimePicker |
242.051 kB70.061 kB |
| react Toggle |
46.225 kB15.986 kB |
| react Tooltip |
87.437 kB28.26 kB |
| react Utilities |
82.931 kB25.148 kB |
| react Viewport |
23.888 kB7.656 kB |
| react WeeklyDayPicker |
102.017 kB31.834 kB |
| react WindowProvider |
1.059 kB541 B |
Pull request demo site: URL

