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: Using correct colors when MenuItem is pressed #29951

Merged

Conversation

khmakoto
Copy link
Member

Previous Behavior

The correct color were not being used when a MenuItem was pressed, as specified by the design spec.

image

New Behavior

The correct colors are used when a MenuItem is pressed, as specified by the design spec.

image

Related Issue(s)

@fabricteam
Copy link
Collaborator

Perf Analysis (@fluentui/react-components)

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 667 629 5000
Button mount 326 325 5000
Field mount 1190 1189 5000
FluentProvider mount 703 721 5000
FluentProviderWithTheme mount 81 88 10
FluentProviderWithTheme virtual-rerender 56 58 10
FluentProviderWithTheme virtual-rerender-with-unmount 76 76 10
MakeStyles mount 866 847 50000
Persona mount 1813 1758 5000
SpinButton mount 1430 1358 5000

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 d783340:

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

@fabricteam
Copy link
Collaborator

📊 Bundle size report

Package & Exports Baseline (minified/GZIP) PR Change
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
207.953 kB
59.48 kB
208.203 kB
59.506 kB
250 B
26 B
react-menu
Menu (including children components)
140.77 kB
43.194 kB
141.02 kB
43.227 kB
250 B
33 B
react-menu
Menu (including selectable components)
143.456 kB
43.697 kB
143.706 kB
43.728 kB
250 B
31 B
Unchanged fixtures
Package & Exports Size (minified/GZIP)
react-components
react-components: Button, FluentProvider & webLightTheme
69.816 kB
20.132 kB
react-components
react-components: FluentProvider & webLightTheme
42.101 kB
13.957 kB
react-portal-compat
PortalCompatProvider
6.822 kB
2.311 kB
🤖 This report was generated against 3d31f25ab5321f10c1df4c5d113e7d78d89ca7b4

Copy link

size-auditor bot commented Nov 30, 2023

Asset size changes

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

Baseline commit: 3d31f25ab5321f10c1df4c5d113e7d78d89ca7b4 (build)

@fabricteam
Copy link
Collaborator

🕵 fluentuiv9 No visual regressions between this PR and main

@ling1726 ling1726 merged commit 62312d1 into microsoft:master Nov 30, 2023
24 checks passed
@khmakoto khmakoto deleted the fix/react-menu/menuItem/pressedStyles branch November 30, 2023 18:47
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]: Hover, Pressed states in Menu items do not show filled icons
3 participants