Skip to content

fix(react-tabs): ignore ref for tab reserved space content slot#31775

Merged
dmytrokirpa merged 23 commits intomicrosoft:masterfrom
dmytrokirpa:tab_content_slot_ref
Aug 6, 2024
Merged

fix(react-tabs): ignore ref for tab reserved space content slot#31775
dmytrokirpa merged 23 commits intomicrosoft:masterfrom
dmytrokirpa:tab_content_slot_ref

Conversation

@dmytrokirpa
Copy link
Contributor

Previous Behavior

Tab content slot calls ref with both content and reserved space content elements

New Behavior

Tab content slot calls ref only with the content element and ignores ref for the reserved space content elements

Related Issue(s)

@dmytrokirpa dmytrokirpa changed the title Tab content slot ref fix(react-tabs): ignore ref for tab reserved space content slot Jun 20, 2024
@fabricteam
Copy link
Collaborator

fabricteam commented Jun 20, 2024

Perf Analysis (@fluentui/react-components)

Scenario Render type Master Ticks PR Ticks Iterations Status
FluentProviderWithTheme mount 84 85 10 Possible regression
FluentProviderWithTheme virtual-rerender 39 38 10 Possible regression
All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 627 613 5000
Button mount 293 306 5000
Field mount 1123 1144 5000
FluentProvider mount 717 723 5000
FluentProviderWithTheme mount 84 85 10 Possible regression
FluentProviderWithTheme virtual-rerender 39 38 10 Possible regression
FluentProviderWithTheme virtual-rerender-with-unmount 78 67 10
MakeStyles mount 873 883 50000
Persona mount 1772 1753 5000
SpinButton mount 1369 1390 5000
SwatchPicker mount 1659 1620 5000

@fabricteam
Copy link
Collaborator

fabricteam commented Jun 20, 2024

📊 Bundle size report

Package & Exports Baseline (minified/GZIP) PR Change
react-components
react-components: entire library
1.095 MB
270.561 kB
1.095 MB
270.595 kB
45 B
34 B
Unchanged fixtures
Package & Exports Size (minified/GZIP)
react-components
react-components: Button, FluentProvider & webLightTheme
69.141 kB
20.157 kB
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
217.412 kB
63.063 kB
react-components
react-components: FluentProvider & webLightTheme
44.442 kB
14.607 kB
react-portal-compat
PortalCompatProvider
8.39 kB
2.64 kB
react-timepicker-compat
TimePicker
106.751 kB
35.596 kB
🤖 This report was generated against e3d6a872ead53cce8c5684b4648cd1c57598da95

@dmytrokirpa dmytrokirpa marked this pull request as ready for review June 20, 2024 12:13
@dmytrokirpa dmytrokirpa requested review from a team and GeoffCoxMSFT as code owners June 20, 2024 12:13
@dmytrokirpa dmytrokirpa self-assigned this Jun 20, 2024
@tudorpopams tudorpopams requested a review from marcosmoura June 20, 2024 12:41
@dmytrokirpa dmytrokirpa requested a review from a team June 20, 2024 14:18
@layershifter
Copy link
Member

@dmytrokirpa FYI teams-prg does not own react-tabs, I created a PR to update ownership.

@dmytrokirpa dmytrokirpa requested a review from a team as a code owner July 4, 2024 11:39
@fabricteam
Copy link
Collaborator

fabricteam commented Jul 22, 2024

🕵 fluentuiv9 No visual regressions between this PR and main

@dmytrokirpa dmytrokirpa merged commit ba1dcc4 into microsoft:master Aug 6, 2024
@dmytrokirpa dmytrokirpa deleted the tab_content_slot_ref branch August 6, 2024 16:21
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

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Bug]: Tab content slot calls ref with reserved space element

5 participants