Fix undefined reference in older browsers in useMessageBarReflow #32238
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
spmonahan
reviewed
Aug 6, 2024
.../react-components/react-message-bar/library/src/components/MessageBar/useMessageBarReflow.ts
Show resolved
Hide resolved
spmonahan
reviewed
Aug 6, 2024
.../react-components/react-message-bar/library/src/components/MessageBar/useMessageBarReflow.ts
Outdated
Show resolved
Hide resolved
📊 Bundle size report
Unchanged fixtures
|
Perf Analysis (
|
| Scenario | Render type | Master Ticks | PR Ticks | Iterations | Status |
|---|---|---|---|---|---|
| Avatar | mount | 649 | 628 | 5000 | |
| Button | mount | 302 | 310 | 5000 | |
| Field | mount | 1161 | 1108 | 5000 | |
| FluentProvider | mount | 718 | 742 | 5000 | |
| FluentProviderWithTheme | mount | 78 | 95 | 10 | |
| FluentProviderWithTheme | virtual-rerender | 37 | 38 | 10 | |
| FluentProviderWithTheme | virtual-rerender-with-unmount | 77 | 75 | 10 | |
| MakeStyles | mount | 860 | 871 | 50000 | |
| Persona | mount | 1755 | 1735 | 5000 | |
| SpinButton | mount | 1396 | 1445 | 5000 | |
| SwatchPicker | mount | 1666 | 1647 | 5000 |
ling1726
approved these changes
Aug 6, 2024
fabricteam
reviewed
Aug 6, 2024
change/@fluentui-react-message-bar-bfb5f0c1-b637-4cbd-96e4-9ea0283c03d2.json
Show resolved
Hide resolved
marcosmoura
added a commit
to marcosmoura/fluentui
that referenced
this pull request
Aug 7, 2024
* master: (48 commits) chore: migrate to storybook v7 (microsoft#32018) release: applying package updates - react-components ci: make public-docsite-v9 deploy pipeline work and make it faster (microsoft#32248) fix(Toolbar): hardcode size of `ToolbarButton` (microsoft#32185) chore: deprecate @fluentui/react-motion-preview (microsoft#32190) release: applying package updates - web-components docs: add wrapping menu item example to ContextualMenu docs (microsoft#31289) docs: update title of v8 keyboard-accessible drag & drop example, add docs (microsoft#32216) release: applying package updates - react-components fix: Card does not override specified focusMode based on event listeners (microsoft#32200) Fix undefined reference in older browsers in useMessageBarReflow (microsoft#32238) feat: Add transparent appearance to ToolbarButton (microsoft#32205) fix(react-tabs): ignore ref for tab reserved space content slot (microsoft#31775) fix(Dialog): do not require ref forwarding (microsoft#32095) feat: add verify-packaging to react v8 release pipeline (microsoft#32212) chore(web-components): remove type-check definition and follow repo target defaults for consistency and type-check speeds (microsoft#32208) chore(react-tree): improve ImmutableSet and ImmutableMap internal implementation (microsoft#32167) release: applying package updates - web-components feat(web-components): add tablist (microsoft#32098) release: applying package updates - react-components ...
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Previous Behavior
In older browsers, such as Chrome 80,
ResizeObserverEntry.borderBoxSizeis not implemented, and returns undefined. The unguarded dereference inuseMessageBarReflowcauses a TypeError in such cases.New Behavior
Added an optional chaining guard
?.to the code, and a comment explaining the reason for it.Related Issue(s)