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): use outline for menuItem focus ring #28685

Merged
merged 2 commits into from
Jul 31, 2023

Conversation

YuanboXue-Amber
Copy link
Contributor

Use css outline for MenuItem focus ring.

@fabricteam
Copy link
Collaborator

Perf Analysis (@fluentui/react-components)

Scenario Render type Master Ticks PR Ticks Iterations Status
FluentProviderWithTheme mount 73 81 10 Possible regression
InfoButton mount 13 15 5000 Possible regression
All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 609 618 5000
Button mount 300 293 5000
Field mount 1074 1061 5000
FluentProvider mount 637 666 5000
FluentProviderWithTheme mount 73 81 10 Possible regression
FluentProviderWithTheme virtual-rerender 73 80 10
FluentProviderWithTheme virtual-rerender-with-unmount 69 73 10
InfoButton mount 13 15 5000 Possible regression
MakeStyles mount 857 861 50000
Persona mount 1691 1645 5000
SpinButton mount 1344 1351 5000

@fabricteam
Copy link
Collaborator

📊 Bundle size report

Package & Exports Baseline (minified/GZIP) PR Change
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
208.062 kB
57.968 kB
206.083 kB
57.397 kB
-1.979 kB
-571 B
react-menu
Menu (including children components)
136.111 kB
41.485 kB
134.132 kB
40.977 kB
-1.979 kB
-508 B
react-menu
Menu (including selectable components)
138.875 kB
41.988 kB
136.896 kB
41.456 kB
-1.979 kB
-532 B
Unchanged fixtures
Package & Exports Size (minified/GZIP)
react-components
react-components: Button, FluentProvider & webLightTheme
67.576 kB
18.225 kB
react-components
react-components: FluentProvider & webLightTheme
36.409 kB
12.003 kB
react-portal-compat
PortalCompatProvider
6.48 kB
2.203 kB
🤖 This report was generated against d4b3feec354590939a340460bea62f4e39d38a74

@codesandbox-ci
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 e119251:

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

@size-auditor
Copy link

size-auditor bot commented Jul 31, 2023

Asset size changes

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

Baseline commit: d4b3feec354590939a340460bea62f4e39d38a74 (build)

@fabricteam
Copy link
Collaborator

🕵 fluentuiv9 No visual regressions between this PR and main

@YuanboXue-Amber YuanboXue-Amber marked this pull request as ready for review July 31, 2023 13:46
@YuanboXue-Amber YuanboXue-Amber requested a review from a team as a code owner July 31, 2023 13:46
@YuanboXue-Amber YuanboXue-Amber merged commit 9250428 into microsoft:master Jul 31, 2023
@YuanboXue-Amber YuanboXue-Amber deleted the menu-focus branch July 31, 2023 14:38
YuanboXue-Amber added a commit to YuanboXue-Amber/fluentui that referenced this pull request Aug 1, 2023
YuanboXue-Amber added a commit that referenced this pull request Aug 1, 2023
* Revert "fix(react-menu): use outline for menuItem focus ring (#28685)"

This reverts commit 9250428.

* chg
marcosmoura added a commit to marcosmoura/fluentui that referenced this pull request Aug 1, 2023
* master: (37 commits)
  release (microsoft#28696)
  Fixing re-render issue for all charts when empty (microsoft#28321)
  feat(FluentProvider): emit errors on duplicate IDs (microsoft#28670)
  applying package updates
  fix(react-positioning): autoSize causing position update to reach maximum (microsoft#28689)
  fix(react-tags-preview): fix InteractionTag hover styles (microsoft#28686)
  Accordion: export AccordionHeaderProvider (microsoft#28542)
  feat(react-shared-contexts): add AnnounceContext (microsoft#28654)
  Added VR tests for Breadcrumb (microsoft#28653)
  fix(react-menu): use outline for menuItem focus ring (microsoft#28685)
  [Bug]: Tree, vertical spacing of branches and children is inconsistent (microsoft#28681)
  feaTt(react-tree): adds openItems and checkedItems to tree callback data (microsoft#28669)
  applying package updates
  Add mountNode prop to combos (microsoft#28661)
  react-tags-preview: add more vr test (microsoft#28582)
  chore: migrate to nx 16.1.4 (microsoft#28583)
  applying package updates
  chore: improves internal headless signature (microsoft#28651)
  fix: remove margin from icon when ToolbarButton is vertical (microsoft#28658)
  applying package updates
  ...
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.

3 participants