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

fix the decision condition in dismissOnTargetWindowBlur to handle the… #26930

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

Conversation

MemMaoxin
Copy link

… case that clicking inside an iframe.

Previous Behavior

When clicking inside an iframe (but outside of the callout), the callout is not dismissed.

New Behavior

When clicking outside the callout, the onDismiss handler should be triggered, and the callout should disappear.

Related Issue(s)

#26927

  • Fixes #

@size-auditor
Copy link

size-auditor bot commented Feb 21, 2023

Asset size changes

Project Bundle Baseline Size New Size Difference
office-ui-fabric-react fluentui-react-Dialog 199.164 kB 199.186 kB ExceedsBaseline     22 bytes
office-ui-fabric-react fluentui-react-FloatingPicker 230.512 kB 230.534 kB ExceedsBaseline     22 bytes
office-ui-fabric-react fluentui-react-Pickers 280.313 kB 280.335 kB ExceedsBaseline     22 bytes
office-ui-fabric-react fluentui-react-PersonaCoin 108.31 kB 108.332 kB ExceedsBaseline     22 bytes
office-ui-fabric-react fluentui-react-Persona 108.31 kB 108.332 kB ExceedsBaseline     22 bytes
office-ui-fabric-react fluentui-react-Panel 188.861 kB 188.883 kB ExceedsBaseline     22 bytes
office-ui-fabric-react fluentui-react-MessageBar 178.785 kB 178.807 kB ExceedsBaseline     22 bytes
office-ui-fabric-react fluentui-react-Keytips 99.377 kB 99.399 kB ExceedsBaseline     22 bytes
office-ui-fabric-react fluentui-react-KeytipLayer 96.64 kB 96.662 kB ExceedsBaseline     22 bytes
office-ui-fabric-react fluentui-react-Keytip 75.463 kB 75.485 kB ExceedsBaseline     22 bytes
office-ui-fabric-react fluentui-react-HoverCard 90.632 kB 90.654 kB ExceedsBaseline     22 bytes
office-ui-fabric-react fluentui-react-Grid 170.51 kB 170.532 kB ExceedsBaseline     22 bytes
office-ui-fabric-react fluentui-react-Facepile 200.225 kB 200.247 kB ExceedsBaseline     22 bytes
office-ui-fabric-react fluentui-react-SearchBox 177.402 kB 177.424 kB ExceedsBaseline     22 bytes
office-ui-fabric-react fluentui-react-Dropdown 221.074 kB 221.096 kB ExceedsBaseline     22 bytes
office-ui-fabric-react fluentui-react-DocumentCard 205.206 kB 205.228 kB ExceedsBaseline     22 bytes
office-ui-fabric-react fluentui-react-DatePicker 175.719 kB 175.741 kB ExceedsBaseline     22 bytes
office-ui-fabric-react fluentui-react-ContextualMenu 145.769 kB 145.791 kB ExceedsBaseline     22 bytes
office-ui-fabric-react fluentui-react-CommandBar 191.398 kB 191.42 kB ExceedsBaseline     22 bytes
office-ui-fabric-react fluentui-react-ComboBox 237.962 kB 237.984 kB ExceedsBaseline     22 bytes
office-ui-fabric-react fluentui-react-ColorPicker 124.419 kB 124.441 kB ExceedsBaseline     22 bytes
office-ui-fabric-react fluentui-react-Breadcrumb 190.367 kB 190.389 kB ExceedsBaseline     22 bytes
office-ui-fabric-react fluentui-react-Button 184.697 kB 184.719 kB ExceedsBaseline     22 bytes
office-ui-fabric-react fluentui-react-ButtonGrid 170.51 kB 170.532 kB ExceedsBaseline     22 bytes
office-ui-fabric-react fluentui-react-Pivot 178.658 kB 178.68 kB ExceedsBaseline     22 bytes
office-ui-fabric-react fluentui-react-Nav 177.819 kB 177.841 kB ExceedsBaseline     22 bytes
office-ui-fabric-react fluentui-react-Callout 78.039 kB 78.061 kB ExceedsBaseline     22 bytes
office-ui-fabric-react fluentui-react-SpinButton 181.226 kB 181.248 kB ExceedsBaseline     22 bytes
office-ui-fabric-react fluentui-react-TimePicker 226.957 kB 226.979 kB ExceedsBaseline     22 bytes
office-ui-fabric-react fluentui-react-TeachingBubble 194.04 kB 194.062 kB ExceedsBaseline     22 bytes
office-ui-fabric-react fluentui-react-SelectedItemsList 220.956 kB 220.978 kB ExceedsBaseline     22 bytes
office-ui-fabric-react fluentui-react-SwatchColorPicker 180.202 kB 180.224 kB ExceedsBaseline     22 bytes
office-ui-fabric-react fluentui-react-Tooltip 80.896 kB 80.918 kB ExceedsBaseline     22 bytes

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

Baseline commit: bc7e2d2fea8c193acb3228b4aff6497ec3ceb029 (build)

@@ -0,0 +1,7 @@
{
Copy link
Collaborator

Choose a reason for hiding this comment

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

🕵 fluentuiv8 Open the Visual Regressions report to inspect the 2 screenshots

✅ There was 2 screenshots added, 0 screenshots removed, 1043 screenshots unchanged, 0 screenshots with different dimensions and 0 screenshots with visible difference.

unknown 2 screenshots
Image Name Diff(in Pixels) Image Type
Pivot - Overflow.Tabs - RTL.Narrow - Last tab selected.chromium.png 0 Added
Pivot - Overflow.Tabs - RTL.Narrow - Overflow menu.chromium.png 0 Added

@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 275725c:

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

@fabricteam
Copy link
Collaborator

📊 Bundle size report

🤖 This report was generated against bc7e2d2fea8c193acb3228b4aff6497ec3ceb029

@fabricteam
Copy link
Collaborator

Perf Analysis (@fluentui/react)

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
BaseButton mount 1182 1167 5000
Breadcrumb mount 2957 2884 1000
Checkbox mount 2556 2629 5000
CheckboxBase mount 2333 2246 5000
ChoiceGroup mount 4357 4413 5000
ComboBox mount 1207 1255 1000
CommandBar mount 9421 9189 1000
ContextualMenu mount 13639 13780 1000
DefaultButton mount 1359 1399 5000
DetailsRow mount 3317 3370 5000
DetailsRowFast mount 3482 3447 5000
DetailsRowNoStyles mount 3291 3122 5000
Dialog mount 3082 2970 1000
DocumentCardTitle mount 581 563 1000
Dropdown mount 3198 3156 5000
FocusTrapZone mount 1925 2021 5000
FocusZone mount 1956 1980 5000
GroupedList mount 51808 58688 2
GroupedList virtual-rerender 23918 24378 2
GroupedList virtual-rerender-with-unmount 90909 91470 2
GroupedListV2 mount 528 568 2
GroupedListV2 virtual-rerender 531 531 2
GroupedListV2 virtual-rerender-with-unmount 554 575 2
IconButton mount 1908 1813 5000
Label mount 727 729 5000
Layer mount 4271 4329 5000
Link mount 827 833 5000
MenuButton mount 1638 1690 5000
MessageBar mount 2379 2323 5000
Nav mount 3282 3267 1000
OverflowSet mount 1363 1383 5000
Panel mount 2516 2567 1000
Persona mount 1296 1325 1000
Pivot mount 1647 1639 1000
PrimaryButton mount 1513 1507 5000
Rating mount 7007 6997 5000
SearchBox mount 1518 1506 5000
Shimmer mount 2831 2838 5000
Slider mount 2101 2088 5000
SpinButton mount 4640 4672 5000
Spinner mount 804 797 5000
SplitButton mount 3106 3099 5000
Stack mount 824 827 5000
StackWithIntrinsicChildren mount 2330 2323 5000
StackWithTextChildren mount 4776 4769 5000
SwatchColorPicker mount 10480 10528 5000
TagPicker mount 2646 2705 5000
TeachingBubble mount 84940 84989 5000
Text mount 790 797 5000
TextField mount 1637 1612 5000
ThemeProvider mount 1508 1513 5000
ThemeProvider virtual-rerender 1081 1086 5000
ThemeProvider virtual-rerender-with-unmount 2165 2139 5000
Toggle mount 1114 1109 5000
buttonNative mount 530 545 5000

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Component: Callout Fluent UI react (v8) Issues about @fluentui/react (v8)
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants