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: Use correct target windows for ResizeObserver #29551

Merged

Conversation

ling1726
Copy link
Member

@ling1726 ling1726 commented Oct 17, 2023

Updates all instance of ResizeObserver in react-components to be created from the correct window global. The enforcement is not in the scope of this PR and is already in progress in #28887.

Fixes #29508

Updates all instance of ResizeObserver in react-components to be created
from the correct window global. The enforcement is not in the scope of
this PR and is already in progress in microsoft#28887.

Fixes microsoft#29509
@ling1726 ling1726 marked this pull request as ready for review October 17, 2023 09:11
@ling1726 ling1726 requested review from Mitch-At-Work and a team as code owners October 17, 2023 09:11
@fabricteam
Copy link
Collaborator

fabricteam commented Oct 17, 2023

📊 Bundle size report

Package & Exports Baseline (minified/GZIP) PR Change
priority-overflow
createOverflowManager
4.162 kB
1.735 kB
4.341 kB
1.81 kB
179 B
75 B
react-overflow
hooks only
12.419 kB
4.687 kB
12.598 kB
4.754 kB
179 B
67 B
react-table
DataGrid
156.996 kB
43.893 kB
157.084 kB
43.906 kB
88 B
13 B
Unchanged fixtures
Package & Exports Size (minified/GZIP)
react-components
react-components: Button, FluentProvider & webLightTheme
70.002 kB
20.161 kB
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
207.417 kB
59.289 kB
react-components
react-components: FluentProvider & webLightTheme
42.286 kB
14 kB
react-portal-compat
PortalCompatProvider
6.651 kB
2.252 kB
react-table
Table (Primitives only)
43.941 kB
13.76 kB
react-table
Table as DataGrid
130.165 kB
35.174 kB
react-table
Table (Selection only)
75.777 kB
20.477 kB
react-table
Table (Sort only)
74.384 kB
20.075 kB
🤖 This report was generated against 8f2eb85fcde38ad239b1defcb0914263d01c2534

@fabricteam
Copy link
Collaborator

fabricteam commented Oct 17, 2023

Perf Analysis (@fluentui/react-components)

Scenario Render type Master Ticks PR Ticks Iterations Status
InfoButton mount 13 9 5000 Possible regression
All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 651 651 5000
Button mount 308 308 5000
Field mount 1130 1144 5000
FluentProvider mount 699 698 5000
FluentProviderWithTheme mount 76 85 10
FluentProviderWithTheme virtual-rerender 66 70 10
FluentProviderWithTheme virtual-rerender-with-unmount 77 68 10
InfoButton mount 13 9 5000 Possible regression
MakeStyles mount 840 854 50000
Persona mount 1782 1730 5000
SpinButton mount 1467 1367 5000

@fabricteam
Copy link
Collaborator

fabricteam commented Oct 17, 2023

🕵 fluentuiv9 No visual regressions between this PR and main

@codesandbox-ci
Copy link

codesandbox-ci bot commented Oct 17, 2023

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 9c2abd3:

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

@size-auditor
Copy link

size-auditor bot commented Oct 17, 2023

Asset size changes

Size Auditor did not detect a change in bundle size for any component!

Baseline commit: 8f2eb85fcde38ad239b1defcb0914263d01c2534 (build)

@ling1726 ling1726 requested a review from a team as a code owner October 19, 2023 08:53
@ling1726 ling1726 removed the request for review from a team October 19, 2023 09:51
@ling1726 ling1726 closed this Oct 19, 2023
@ling1726 ling1726 reopened this Oct 19, 2023
@ling1726 ling1726 closed this Oct 19, 2023
@ling1726 ling1726 reopened this Oct 19, 2023
@ling1726 ling1726 merged commit 17dbeb9 into microsoft:master Oct 19, 2023
34 checks passed
marcosmoura added a commit to marcosmoura/fluentui that referenced this pull request Oct 24, 2023
* master: (48 commits)
  fix(react-drawer): regression with mountNode prop not available after refactoring (microsoft#29524)
  feat(react-storybook-addon-codesandbox): support various providers for "export to" functionality (microsoft#29536)
  feat(TimePicker-compat): call onTimeSelect on blur (microsoft#29597)
  feat: (breadcrumb) Removed appearance prop (microsoft#29554)
  chore(deps): bump fsevents from 1.2.9 to 1.2.13 (microsoft#29476)
  Adding comment in Hovercard that we support cumulative area chart currently (microsoft#29395)
  applying package updates
  applying package updates
  chore(vr-tests-react-components, perf-tests-app): Remove infobutton from vr-tests and perf test app (microsoft#29603)
  docs: Add guidance for modifying textarea's height. (microsoft#29601)
  fix(react-calendar-compat): Classnames removed and added to day cells need to be split instead of providing a string with spaces (microsoft#29611)
  [Part 2] Changes to onboard charting to fluent docsite (microsoft#29608)
  chore: bump jest to 29.7.0 (microsoft#29298)
  applying package updates
  feat(react-infolabel, react-components): Release InfoLabel to stable (microsoft#29585)
  feat(react-datepicker-compat): Update DatePicker to use react-calendar-compat (microsoft#29587)
  feat: adds motion to DialogSurface (microsoft#29391)
  fix: Use correct target windows for ResizeObserver (microsoft#29551)
  chg (microsoft#29592)
  Fix missing x callout custom callout (microsoft#29547)
  ...
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.

Use ResizeObserver instances from correct window
5 participants