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

Adding contextmenu to the list of event the callout dismisses on #25051

Open
wants to merge 9 commits into
base: master
Choose a base branch
from

Conversation

cocoyadoOlivares
Copy link

@cocoyadoOlivares cocoyadoOlivares commented Oct 3, 2022

Current Behavior

Callout does not dismiss on right click

New Behavior

Callout now dismisses on right click

Related Issue(s)

Fixes #25046

@size-auditor
Copy link

size-auditor bot commented Oct 3, 2022

Asset size changes

Project Bundle Baseline Size New Size Difference
office-ui-fabric-react fluentui-react-Dialog 199.124 kB 199.174 kB ExceedsBaseline     50 bytes
office-ui-fabric-react fluentui-react-SearchBox 177.362 kB 177.412 kB ExceedsBaseline     50 bytes
office-ui-fabric-react fluentui-react-Pickers 280.343 kB 280.393 kB ExceedsBaseline     50 bytes
office-ui-fabric-react fluentui-react-PersonaCoin 108.288 kB 108.338 kB ExceedsBaseline     50 bytes
office-ui-fabric-react fluentui-react-Persona 108.288 kB 108.338 kB ExceedsBaseline     50 bytes
office-ui-fabric-react fluentui-react-Panel 188.801 kB 188.851 kB ExceedsBaseline     50 bytes
office-ui-fabric-react fluentui-react-MessageBar 178.745 kB 178.795 kB ExceedsBaseline     50 bytes
office-ui-fabric-react fluentui-react-Keytips 99.337 kB 99.387 kB ExceedsBaseline     50 bytes
office-ui-fabric-react fluentui-react-KeytipLayer 96.6 kB 96.65 kB ExceedsBaseline     50 bytes
office-ui-fabric-react fluentui-react-HoverCard 90.592 kB 90.642 kB ExceedsBaseline     50 bytes
office-ui-fabric-react fluentui-react-Grid 170.47 kB 170.52 kB ExceedsBaseline     50 bytes
office-ui-fabric-react fluentui-react-FloatingPicker 230.49 kB 230.54 kB ExceedsBaseline     50 bytes
office-ui-fabric-react fluentui-react-Facepile 200.203 kB 200.253 kB ExceedsBaseline     50 bytes
office-ui-fabric-react fluentui-react-Dropdown 221.014 kB 221.064 kB ExceedsBaseline     50 bytes
office-ui-fabric-react fluentui-react-DocumentCard 205.166 kB 205.216 kB ExceedsBaseline     50 bytes
office-ui-fabric-react fluentui-react-DatePicker 175.679 kB 175.729 kB ExceedsBaseline     50 bytes
office-ui-fabric-react fluentui-react-ContextualMenu 145.729 kB 145.779 kB ExceedsBaseline     50 bytes
office-ui-fabric-react fluentui-react-CommandBar 191.376 kB 191.426 kB ExceedsBaseline     50 bytes
office-ui-fabric-react fluentui-react-ComboBox 238.317 kB 238.367 kB ExceedsBaseline     50 bytes
office-ui-fabric-react fluentui-react-ColorPicker 124.397 kB 124.447 kB ExceedsBaseline     50 bytes
office-ui-fabric-react fluentui-react-Breadcrumb 190.345 kB 190.395 kB ExceedsBaseline     50 bytes
office-ui-fabric-react fluentui-react-Button 184.657 kB 184.707 kB ExceedsBaseline     50 bytes
office-ui-fabric-react fluentui-react-ButtonGrid 170.47 kB 170.52 kB ExceedsBaseline     50 bytes
office-ui-fabric-react fluentui-react-Pivot 178.618 kB 178.668 kB ExceedsBaseline     50 bytes
office-ui-fabric-react fluentui-react-Nav 177.779 kB 177.829 kB ExceedsBaseline     50 bytes
office-ui-fabric-react fluentui-react-SelectedItemsList 220.934 kB 220.984 kB ExceedsBaseline     50 bytes
office-ui-fabric-react fluentui-react-Tooltip 80.874 kB 80.924 kB ExceedsBaseline     50 bytes
office-ui-fabric-react fluentui-react-SwatchColorPicker 180.162 kB 180.212 kB ExceedsBaseline     50 bytes
office-ui-fabric-react fluentui-react-TeachingBubble 194 kB 194.05 kB ExceedsBaseline     50 bytes
office-ui-fabric-react fluentui-react-SpinButton 181.186 kB 181.236 kB ExceedsBaseline     50 bytes
office-ui-fabric-react fluentui-react-TimePicker 227.313 kB 227.363 kB ExceedsBaseline     50 bytes
office-ui-fabric-react fluentui-react-Keytip 75.423 kB 75.472 kB ExceedsBaseline     49 bytes
office-ui-fabric-react fluentui-react-Callout 77.999 kB 78.048 kB ExceedsBaseline     49 bytes

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

Baseline commit: 0f198d87130e4f9fcacdaa187b850e507e0b1ec8 (build)

@codesandbox-ci
Copy link

codesandbox-ci bot commented Oct 3, 2022

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 d88a905:

Sandbox Source
@fluentui/react 8 starter Configuration
@fluentui/react-components 9 starter Configuration

@fabricteam
Copy link
Collaborator

fabricteam commented Oct 3, 2022

📊 Bundle size report

Unchanged fixtures
Package & Exports Size (minified/GZIP)
react-components
react-components: Button, FluentProvider & webLightTheme
67.994 kB
18.395 kB
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
207.4 kB
57.516 kB
react-components
react-components: FluentProvider & webLightTheme
38.819 kB
12.351 kB
react-portal-compat
PortalCompatProvider
6.446 kB
2.185 kB
🤖 This report was generated against 0f198d87130e4f9fcacdaa187b850e507e0b1ec8

@cocoyadoOlivares cocoyadoOlivares marked this pull request as ready for review October 3, 2022 19:07
@cocoyadoOlivares cocoyadoOlivares requested review from a team as code owners October 3, 2022 19:07
@fabricteam
Copy link
Collaborator

fabricteam commented Oct 3, 2022

Perf Analysis (@fluentui/react)

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
BaseButton mount 953 931 5000
Breadcrumb mount 2167 2169 1000
Checkbox mount 2186 2198 5000
CheckboxBase mount 1943 1935 5000
ChoiceGroup mount 3680 3665 5000
ComboBox mount 934 950 1000
CommandBar mount 7895 7914 1000
ContextualMenu mount 13370 13728 1000
DefaultButton mount 1090 1085 5000
DetailsRow mount 2777 2761 5000
DetailsRowFast mount 2770 2794 5000
DetailsRowNoStyles mount 2574 2588 5000
Dialog mount 3145 3124 1000
DocumentCardTitle mount 417 424 1000
Dropdown mount 2593 2597 5000
FocusTrapZone mount 1575 1580 5000
FocusZone mount 1524 1534 5000
GroupedList mount 45665 52787 2
GroupedList virtual-rerender 22359 22539 2
GroupedList virtual-rerender-with-unmount 63254 63014 2
GroupedListV2 mount 406 404 2
GroupedListV2 virtual-rerender 391 402 2
GroupedListV2 virtual-rerender-with-unmount 420 432 2
IconButton mount 1483 1480 5000
Label mount 558 561 5000
Layer mount 3483 3514 5000
Link mount 647 654 5000
MenuButton mount 1298 1310 5000
MessageBar mount 25996 26100 5000
Nav mount 2515 2499 1000
OverflowSet mount 1118 1132 5000
Panel mount 2095 2073 1000
Persona mount 1040 1053 1000
Pivot mount 1203 1197 1000
PrimaryButton mount 1198 1202 5000
Rating mount 5795 5778 5000
SearchBox mount 1208 1221 5000
Shimmer mount 2462 2413 5000
Slider mount 1722 1753 5000
SpinButton mount 3559 3582 5000
Spinner mount 636 640 5000
SplitButton mount 2391 2367 5000
Stack mount 663 660 5000
StackWithIntrinsicChildren mount 1209 1213 5000
StackWithTextChildren mount 3528 3559 5000
SwatchColorPicker mount 8406 7591 5000
TagPicker mount 1884 1881 5000
Text mount 629 634 5000
TextField mount 1249 1244 5000
ThemeProvider mount 1110 1116 5000
ThemeProvider virtual-rerender 910 917 5000
ThemeProvider virtual-rerender-with-unmount 1639 1664 5000
Toggle mount 892 901 5000
buttonNative mount 373 366 5000

@miroslavstastny
Copy link
Member

Change file is missing in the PR. Please run yarn change in the root of the repo and provide a change message. (Type of change should be patch).

Copy link
Member

@GeoffCoxMSFT GeoffCoxMSFT left a comment

Choose a reason for hiding this comment

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

Need a unit test for this case

@msft-fluent-ui-bot
Copy link
Collaborator

This pull request has been automatically marked as stale because it was marked as requiring author feedback but has not had any activity for 7 days. It will be closed if no further activity occurs within 5 days of this comment. Thank you for your contributions to Fluent UI!

@cocoyadoOlivares
Copy link
Author

Apologies, RE Opening , bundling Tests are failing But I think is because they are configured for Unix paths and not windows ?

@cocoyadoOlivares
Copy link
Author

Hey I Tried to Open contextMenu after rendering callout, it does not seem to trigger an event, what did you meant exactly ?

@GeoffCoxMSFT GeoffCoxMSFT enabled auto-merge (squash) March 20, 2023 16:07
@fabricteam
Copy link
Collaborator

fabricteam commented Mar 20, 2023

🕵 fluentuiv8 No visual regressions between this PR and main

@fabricteam
Copy link
Collaborator

Perf Analysis (@fluentui/react-components)

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 904 928 5000
Button mount 587 563 5000
Field mount 1686 1588 5000
FluentProvider mount 1192 1188 5000
FluentProviderWithTheme mount 299 313 10
FluentProviderWithTheme virtual-rerender 279 278 10
FluentProviderWithTheme virtual-rerender-with-unmount 297 284 10
InfoButton mount 201 213 5000
MakeStyles mount 1299 1303 50000
Persona mount 2321 2239 5000
SpinButton mount 1994 1991 5000

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.

[Bug]: calloutContent.base does not dismiss on right click.
5 participants