Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Callout: multiselect Combobox no longer closes after each selection. #18269

Closed
wants to merge 6 commits into from

Conversation

TristanWatanabe
Copy link
Member

Pull request checklist

Description of changes

  • remove line that triggered callout menu onDismiss when preventDismissOnEvent function prop is undefined.

@size-auditor
Copy link

size-auditor bot commented May 20, 2021

Asset size changes

Project Bundle Baseline Size New Size Difference
office-ui-fabric-react fluentui-react-Callout 74.749 kB 74.745 kB BelowBaseline     -4 bytes
office-ui-fabric-react fluentui-react-Tooltip 75.85 kB 75.846 kB BelowBaseline     -4 bytes
office-ui-fabric-react fluentui-react-ComboBox 229.431 kB 229.427 kB BelowBaseline     -4 bytes
office-ui-fabric-react fluentui-react-ButtonGrid 165.843 kB 165.839 kB BelowBaseline     -4 bytes
office-ui-fabric-react fluentui-react-Button 179.73 kB 179.726 kB BelowBaseline     -4 bytes
office-ui-fabric-react fluentui-react-Breadcrumb 184.556 kB 184.552 kB BelowBaseline     -4 bytes
office-ui-fabric-react fluentui-react-SpinButton 176.587 kB 176.583 kB BelowBaseline     -4 bytes
office-ui-fabric-react fluentui-react-CommandBar 185.954 kB 185.95 kB BelowBaseline     -4 bytes
office-ui-fabric-react fluentui-react-TeachingBubble 189.797 kB 189.793 kB BelowBaseline     -4 bytes
office-ui-fabric-react fluentui-react-SwatchColorPicker 175.268 kB 175.264 kB BelowBaseline     -4 bytes
office-ui-fabric-react fluentui-react-ContextualMenu 141.685 kB 141.681 kB BelowBaseline     -4 bytes
office-ui-fabric-react fluentui-react-KeytipLayer 91.604 kB 91.6 kB BelowBaseline     -4 bytes
office-ui-fabric-react fluentui-react-DatePicker 167.17 kB 167.166 kB BelowBaseline     -4 bytes
office-ui-fabric-react fluentui-react-MessageBar 173.637 kB 173.633 kB BelowBaseline     -4 bytes
office-ui-fabric-react fluentui-react-Pickers 269.025 kB 269.021 kB BelowBaseline     -4 bytes
office-ui-fabric-react fluentui-react-Dialog 195.121 kB 195.117 kB BelowBaseline     -4 bytes
office-ui-fabric-react fluentui-react-Pivot 173.736 kB 173.732 kB BelowBaseline     -4 bytes
office-ui-fabric-react fluentui-react-Keytip 70.932 kB 70.928 kB BelowBaseline     -4 bytes
office-ui-fabric-react fluentui-react-DocumentCard 199.841 kB 199.837 kB BelowBaseline     -4 bytes
office-ui-fabric-react fluentui-react-Dropdown 215.793 kB 215.789 kB BelowBaseline     -4 bytes
office-ui-fabric-react fluentui-react-SelectedItemsList 214.867 kB 214.863 kB BelowBaseline     -4 bytes
office-ui-fabric-react fluentui-react-Keytips 94.049 kB 94.045 kB BelowBaseline     -4 bytes
office-ui-fabric-react fluentui-react-SearchBox 172.343 kB 172.339 kB BelowBaseline     -4 bytes
office-ui-fabric-react fluentui-react-Facepile 194.6 kB 194.596 kB BelowBaseline     -4 bytes
office-ui-fabric-react fluentui-react-FloatingPicker 225.278 kB 225.274 kB BelowBaseline     -4 bytes
office-ui-fabric-react fluentui-react-Panel 185.063 kB 185.059 kB BelowBaseline     -4 bytes
office-ui-fabric-react fluentui-react-Persona 102.61 kB 102.606 kB BelowBaseline     -4 bytes
office-ui-fabric-react fluentui-react-Grid 165.843 kB 165.839 kB BelowBaseline     -4 bytes
office-ui-fabric-react fluentui-react-PersonaCoin 102.61 kB 102.606 kB BelowBaseline     -4 bytes
office-ui-fabric-react fluentui-react-HoverCard 87.301 kB 87.297 kB BelowBaseline     -4 bytes
office-ui-fabric-react fluentui-react-Nav 173.782 kB 173.778 kB BelowBaseline     -4 bytes

ExceedsTolerance Over Tolerance (1024 B) ExceedsBaseline Over Baseline BelowBaseline Below Baseline New New Deleted  Removed 1 kB = 1000 B

Baseline commit: f4ee5e77c51e5e32731bc5c004b9ec9716a5c617 (build)

@codesandbox-ci
Copy link

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit 5daab04:

Sandbox Source
Fluent UI Button Configuration
codesandbox-react-template Configuration
codesandbox-react-northstar-template Configuration
practical-leaf-wjfx3 Issue #18213

@fabricteam
Copy link
Collaborator

Perf Analysis (@fluentui/react)

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 835 853 5000
BaseButton mount 878 882 5000
Breadcrumb mount 2627 2620 1000
ButtonNext mount 488 489 5000
Checkbox mount 1529 1501 5000
CheckboxBase mount 1264 1284 5000
ChoiceGroup mount 4686 4700 5000
ComboBox mount 949 1023 1000
CommandBar mount 9989 10078 1000
ContextualMenu mount 6160 6018 1000
DefaultButton mount 1115 1107 5000
DetailsRow mount 3628 3535 5000
DetailsRowFast mount 3586 3684 5000
DetailsRowNoStyles mount 3414 3441 5000
Dialog mount 2114 2075 1000
DocumentCardTitle mount 140 139 1000
Dropdown mount 3159 3144 5000
FocusTrapZone mount 1737 1722 5000
FocusZone mount 1797 1776 5000
IconButton mount 1690 1697 5000
Label mount 336 340 5000
Layer mount 1738 1753 5000
Link mount 461 459 5000
MakeStyles mount 1773 1796 50000
MenuButton mount 1471 1459 5000
MessageBar mount 1981 2013 5000
Nav mount 3174 3155 1000
OverflowSet mount 994 1028 5000
Panel mount 2040 2035 1000
Persona mount 824 829 1000
Pivot mount 1371 1370 1000
PrimaryButton mount 1242 1252 5000
Rating mount 7566 7413 5000
SearchBox mount 1256 1296 5000
Shimmer mount 2483 2455 5000
Slider mount 1921 1922 5000
SpinButton mount 4883 4777 5000
Spinner mount 418 430 5000
SplitButton mount 3044 3056 5000
Stack mount 485 500 5000
StackWithIntrinsicChildren mount 1502 1498 5000
StackWithTextChildren mount 4421 4460 5000
SwatchColorPicker mount 10011 10122 5000
Tabs mount 1377 1377 1000
TagPicker mount 2314 2383 5000
TeachingBubble mount 11705 11677 5000
Text mount 415 419 5000
TextField mount 1372 1323 5000
ThemeProvider mount 1171 1173 5000
ThemeProvider virtual-rerender 580 608 5000
ThemeProviderNext mount 6828 6813 5000
Toggle mount 784 762 5000
buttonNative mount 112 103 5000

Perf Analysis (@fluentui/react-northstar)

Perf tests with no regressions
Scenario Current PR Ticks Baseline Ticks Ratio
HeaderSlotsPerf.default 784 738 1.06:1
PortalMinimalPerf.default 169 159 1.06:1
ListMinimalPerf.default 514 489 1.05:1
LoaderMinimalPerf.default 711 675 1.05:1
AvatarMinimalPerf.default 192 185 1.04:1
ButtonMinimalPerf.default 169 163 1.04:1
ButtonSlotsPerf.default 547 528 1.04:1
ChatWithPopoverPerf.default 364 351 1.04:1
ImageMinimalPerf.default 380 364 1.04:1
ListNestedPerf.default 559 540 1.04:1
ChatDuplicateMessagesPerf.default 285 277 1.03:1
FormMinimalPerf.default 405 393 1.03:1
ItemLayoutMinimalPerf.default 1272 1240 1.03:1
LabelMinimalPerf.default 394 384 1.03:1
SkeletonMinimalPerf.default 352 341 1.03:1
ButtonOverridesMissPerf.default 1679 1645 1.02:1
FlexMinimalPerf.default 289 284 1.02:1
HeaderMinimalPerf.default 363 356 1.02:1
ListCommonPerf.default 617 602 1.02:1
RadioGroupMinimalPerf.default 438 431 1.02:1
TextAreaMinimalPerf.default 476 465 1.02:1
AnimationMinimalPerf.default 411 405 1.01:1
AttachmentSlotsPerf.default 1146 1130 1.01:1
ChatMinimalPerf.default 599 593 1.01:1
CheckboxMinimalPerf.default 2703 2671 1.01:1
DropdownManyItemsPerf.default 675 669 1.01:1
DropdownMinimalPerf.default 3105 3067 1.01:1
LayoutMinimalPerf.default 366 361 1.01:1
RefMinimalPerf.default 233 231 1.01:1
SegmentMinimalPerf.default 345 343 1.01:1
SplitButtonMinimalPerf.default 3723 3682 1.01:1
StatusMinimalPerf.default 667 658 1.01:1
TextMinimalPerf.default 340 337 1.01:1
TooltipMinimalPerf.default 950 941 1.01:1
DialogMinimalPerf.default 726 725 1:1
DividerMinimalPerf.default 354 355 1:1
InputMinimalPerf.default 1258 1253 1:1
ProviderMergeThemesPerf.default 1662 1660 1:1
ProviderMinimalPerf.default 1002 1002 1:1
SliderMinimalPerf.default 1559 1562 1:1
TableManyItemsPerf.default 1868 1868 1:1
CustomToolbarPrototype.default 3816 3800 1:1
AttachmentMinimalPerf.default 149 151 0.99:1
BoxMinimalPerf.default 343 348 0.99:1
DatepickerMinimalPerf.default 5338 5390 0.99:1
EmbedMinimalPerf.default 4097 4140 0.99:1
MenuMinimalPerf.default 824 830 0.99:1
PopupMinimalPerf.default 561 566 0.99:1
ReactionMinimalPerf.default 371 373 0.99:1
ToolbarMinimalPerf.default 930 935 0.99:1
TreeMinimalPerf.default 773 777 0.99:1
AccordionMinimalPerf.default 155 158 0.98:1
CardMinimalPerf.default 533 544 0.98:1
GridMinimalPerf.default 340 346 0.98:1
MenuButtonMinimalPerf.default 1529 1556 0.98:1
IconMinimalPerf.default 594 609 0.98:1
TableMinimalPerf.default 402 410 0.98:1
TreeWith60ListItems.default 169 172 0.98:1
CarouselMinimalPerf.default 449 463 0.97:1
RosterPerf.default 1119 1160 0.96:1
VideoMinimalPerf.default 613 643 0.95:1
AlertMinimalPerf.default 253 269 0.94:1
ListWith60ListItems.default 603 645 0.93:1

@TristanWatanabe
Copy link
Member Author

Closing this as #18274 revert PR handles this as well.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Multiselect Combobox closes after each selection
3 participants