Skip to content

fix: MenuButton is styled correctly when aria-expanded is a string#31809

Merged
smhigley merged 2 commits into
microsoft:masterfrom
smhigley:menubutton-style-fix
Jun 25, 2024
Merged

fix: MenuButton is styled correctly when aria-expanded is a string#31809
smhigley merged 2 commits into
microsoft:masterfrom
smhigley:menubutton-style-fix

Conversation

@smhigley

Copy link
Copy Markdown
Contributor

Previous Behavior

When MenuButton was passed in aria-expanded as a string, the useMenuButtonStyles would incorrectly apply the expanded styles even when the value was 'false'.

New Behavior

useMenuButton normalizes the value to always be a boolean.

Related Issue(s)

@smhigley
smhigley requested review from a team and khmakoto as code owners June 25, 2024 00:08
@github-actions github-actions Bot added this to the April Project Cycle Q1 2024 milestone Jun 25, 2024
@fabricteam

Copy link
Copy Markdown
Collaborator

Perf Analysis (@fluentui/react-components)

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 604 649 5000
Button mount 298 302 5000
Field mount 1129 1108 5000
FluentProvider mount 713 699 5000
FluentProviderWithTheme mount 72 81 10
FluentProviderWithTheme virtual-rerender 31 32 10
FluentProviderWithTheme virtual-rerender-with-unmount 73 77 10
MakeStyles mount 854 854 50000
Persona mount 1770 1690 5000
SpinButton mount 1448 1371 5000
SwatchPicker mount 1626 1610 5000

@fabricteam

Copy link
Copy Markdown
Collaborator

📊 Bundle size report

Package & Exports Baseline (minified/GZIP) PR Change
react-button
MenuButton
41.886 kB
12.133 kB
41.912 kB
12.137 kB
26 B
4 B
react-button
SplitButton
49.898 kB
13.725 kB
49.924 kB
13.73 kB
26 B
5 B
react-components
react-components: entire library
1.094 MB
270.62 kB
1.094 MB
270.624 kB
26 B
4 B
Unchanged fixtures
Package & Exports Size (minified/GZIP)
react-breadcrumb
@fluentui/react-breadcrumb - package
113.657 kB
31.532 kB
react-button
Button
37.105 kB
10.785 kB
react-button
CompoundButton
43.516 kB
12.076 kB
react-button
ToggleButton
53.035 kB
12.546 kB
react-card
Card - All
100.845 kB
28.873 kB
react-card
Card
93.629 kB
27.077 kB
react-card
CardFooter
14.356 kB
5.798 kB
react-card
CardHeader
16.879 kB
6.664 kB
react-card
CardPreview
14.42 kB
5.934 kB
react-components
react-components: Button, FluentProvider & webLightTheme
69.141 kB
20.157 kB
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
211.741 kB
60.957 kB
react-components
react-components: FluentProvider & webLightTheme
44.442 kB
14.607 kB
react-dialog
Dialog (including children components)
98.898 kB
29.801 kB
react-message-bar
MessageBar (all components)
24.596 kB
9.18 kB
react-portal-compat
PortalCompatProvider
8.39 kB
2.64 kB
react-tag-picker
@fluentui/react-tag-picker - package
181.136 kB
54.463 kB
react-timepicker-compat
TimePicker
104.384 kB
34.782 kB
🤖 This report was generated against 54f5ccc5635d26d96ed43b005927a0eebdb79b94

@smhigley
smhigley merged commit 3fe95fd into microsoft:master Jun 25, 2024
marcosmoura added a commit to marcosmoura/fluentui that referenced this pull request Jun 26, 2024
* master: (90 commits)
  fix(react-drawer): do not create global header/footer roles (microsoft#31799)
  release: applying package updates - react v8
  release: applying package updates - web-components
  Add 'allowParentArrowNavigation' prop to `ComboBox`. (microsoft#31805)
  Add drawer web component (microsoft#31521)
  fix: MenuButton is styled correctly when aria-expanded is a string (microsoft#31809)
  chore: Updating version of `@fluentui/react-icons` to `^2.0.245` (microsoft#31802)
  chore:(docs) Migrate e2e Cypress testing doc (microsoft#31796)
  chore:(docs) Update API Extractor file (microsoft#31651)
  chore: migrate to nx 18 (microsoft#31746)
  release: applying package updates - react v8
  release: applying package updates - web-components
  feat: update text to use element internals for custom states (microsoft#31770)
  chore(web-components): Remove define imports from story modules (microsoft#31622)
  fix(`merge-styles`): Correctly processing selectors when value is a class name and they are not wrapped in `selectors` wrapper (microsoft#31798)
  style(react-combobox): turn off react-compiler lints for non compliant code (microsoft#31795)
  docs: Add AriaLiveAnnouncer to all examples (microsoft#31794)
  fix(public-docsite-v9): disable storybook keyboard shortcuts (microsoft#31762)
  feat: V0 Attachment compact component (microsoft#31634)
  release: applying package updates - react v8
  ...
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]: MenuButton transparent appearance styling not consistent when rendered within a Popover trigger element

3 participants