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(react-menu): grow MenuItem when it has long content #28675

Merged
merged 13 commits into from
Aug 21, 2023

Conversation

YuanboXue-Amber
Copy link
Contributor

@YuanboXue-Amber YuanboXue-Amber commented Jul 28, 2023

fix #28596. When menuItem has long content, it grow its height and top-align:

image

@fabricteam
Copy link
Collaborator

fabricteam commented Jul 28, 2023

Perf Analysis (@fluentui/react-components)

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 615 622 5000
Button mount 303 311 5000
Field mount 1136 1111 5000
FluentProvider mount 667 689 5000
FluentProviderWithTheme mount 72 93 10
FluentProviderWithTheme virtual-rerender 71 74 10
FluentProviderWithTheme virtual-rerender-with-unmount 79 74 10
InfoButton mount 13 14 5000
MakeStyles mount 870 865 50000
Persona mount 1768 1731 5000
SpinButton mount 1374 1387 5000

@codesandbox-ci
Copy link

codesandbox-ci bot commented Jul 28, 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 42b4f38:

Sandbox Source
@fluentui/react 8 starter Configuration
@fluentui/react-components 9 starter Configuration
smoosh-frog-9m862f Issue #28596

@fabricteam
Copy link
Collaborator

fabricteam commented Jul 28, 2023

📊 Bundle size report

Package & Exports Baseline (minified/GZIP) PR Change
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
203.043 kB
57.623 kB
203.471 kB
57.83 kB
428 B
207 B
react-menu
Menu (including children components)
135.095 kB
41.412 kB
135.523 kB
41.576 kB
428 B
164 B
react-menu
Menu (including selectable components)
137.781 kB
41.909 kB
138.209 kB
42.078 kB
428 B
169 B
Unchanged fixtures
Package & Exports Size (minified/GZIP)
react-components
react-components: Button, FluentProvider & webLightTheme
66.614 kB
18.512 kB
react-components
react-components: FluentProvider & webLightTheme
37.787 kB
12.387 kB
react-portal-compat
PortalCompatProvider
6.48 kB
2.203 kB
🤖 This report was generated against 768de13c5e30222f64b2cc453bc4b134a6e90712

@size-auditor
Copy link

size-auditor bot commented Jul 28, 2023

Asset size changes

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

Baseline commit: 768de13c5e30222f64b2cc453bc4b134a6e90712 (build)

ling1726
ling1726 previously approved these changes Aug 1, 2023
@YuanboXue-Amber YuanboXue-Amber enabled auto-merge (squash) August 21, 2023 10:23
@YuanboXue-Amber YuanboXue-Amber merged commit f042ed0 into microsoft:master Aug 21, 2023
24 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Bug]: react-menu doesn't look nice when menu item has long content
4 participants