Skip to content

Conversation

@rzhouac
Copy link

@rzhouac rzhouac commented May 31, 2021

Pull request checklist

Description of changes

(give an overview)

Focus areas to test

contextual menu with nexted section
(optional)

Cherry pick of #17628 & #17683

@rzhouac rzhouac requested review from a team and khmakoto as code owners May 31, 2021 11:11
@msft-fluent-ui-bot msft-fluent-ui-bot added the needs cherry-pick Temporary label for PRs which may need to be cherry-picked to master label May 31, 2021
Copy link
Collaborator

@msft-fluent-ui-bot msft-fluent-ui-bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

It looks like this change to the 7.0 branch may not have been submitted to master yet. Now that version 8 has released, all changes must be submitted to the master branch first (except in emergencies or if the change is irrelevant to version 8).

Please do one of the following:

  • If you've already created a PR to master, add a link to it
  • If the change is irrelevant to version 8, add a comment explaining why
  • Otherwise, create a PR to master with this same change, and add a link to it

After that, you can dismiss this review and remove the "needs cherry-pick" label (or ask a team member to help do so).

Want to avoid this in the future? Include text like "Cherry-pick of ####" in the PR description (where #### is the real master PR number).

@codesandbox-ci
Copy link

codesandbox-ci bot commented May 31, 2021

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

Sandbox Source
Fluent UI Button Configuration
codesandbox-react-template Configuration

…microsoft#17683)

- [x] Addresses an existing issue: Fixes microsoft#17628
- [x] Include a change request file using `$ yarn change`

ContextualMenu: element that's focused when menu is opened now has role = "menu"

- Moved `role = menu`, `aria-label` and `aria-labelledby` attributes to container div which is the element that gains focus when menu is opened.
- Updated all elements in between container div and first menu item to have `role = presentation`.
- Updated Button tests to account for role changes as element with attributes `role='menu'`, `aria-label` and `aria-labelledby` were moved from `onRenderMenuList` to the container div.
- Removed 1 `onRenderMenuList` unit test from `ContextualMenu` since `role` will be static as `"presentation"` moving forward.
@rzhouac
Copy link
Author

rzhouac commented Jun 1, 2021

@size-auditor
Copy link

size-auditor bot commented Jun 1, 2021

Asset size changes

Project Bundle Baseline Size New Size Difference
office-ui-fabric-react office-ui-fabric-react-SwatchColorPicker 185.968 kB 185.639 kB BelowBaseline     -329 bytes
office-ui-fabric-react office-ui-fabric-react-TeachingBubble 200.827 kB 200.498 kB BelowBaseline     -329 bytes
office-ui-fabric-react office-ui-fabric-react-Grid 175.608 kB 175.279 kB BelowBaseline     -329 bytes
office-ui-fabric-react office-ui-fabric-react-Pickers 278.986 kB 278.657 kB BelowBaseline     -329 bytes
office-ui-fabric-react office-ui-fabric-react-ButtonGrid 175.608 kB 175.279 kB BelowBaseline     -329 bytes
office-ui-fabric-react office-ui-fabric-react-Button 189.268 kB 188.939 kB BelowBaseline     -329 bytes
office-ui-fabric-react office-ui-fabric-react-Breadcrumb 194.42 kB 194.091 kB BelowBaseline     -329 bytes
office-ui-fabric-react office-ui-fabric-react-Panel 195.677 kB 195.348 kB BelowBaseline     -329 bytes
office-ui-fabric-react office-ui-fabric-react-CommandBar 196.704 kB 196.375 kB BelowBaseline     -329 bytes
office-ui-fabric-react office-ui-fabric-react-Pivot 180.837 kB 180.508 kB BelowBaseline     -329 bytes
office-ui-fabric-react office-ui-fabric-react-ComboBox 240.602 kB 240.273 kB BelowBaseline     -329 bytes
office-ui-fabric-react office-ui-fabric-react-SearchBox 182.188 kB 181.859 kB BelowBaseline     -329 bytes
office-ui-fabric-react office-ui-fabric-react-ContextualMenu 152.933 kB 152.604 kB BelowBaseline     -329 bytes
office-ui-fabric-react office-ui-fabric-react-SpinButton 188.251 kB 187.922 kB BelowBaseline     -329 bytes
office-ui-fabric-react office-ui-fabric-react-Dialog 205.3 kB 204.971 kB BelowBaseline     -329 bytes
office-ui-fabric-react office-ui-fabric-react-DocumentCard 210.462 kB 210.133 kB BelowBaseline     -329 bytes
office-ui-fabric-react office-ui-fabric-react-MessageBar 184.418 kB 184.089 kB BelowBaseline     -329 bytes
office-ui-fabric-react office-ui-fabric-react-Dropdown 227.417 kB 227.088 kB BelowBaseline     -329 bytes
office-ui-fabric-react office-ui-fabric-react-SelectedItemsList 224.333 kB 224.004 kB BelowBaseline     -329 bytes
office-ui-fabric-react office-ui-fabric-react-Facepile 204.973 kB 204.644 kB BelowBaseline     -329 bytes
office-ui-fabric-react office-ui-fabric-react-FloatingPicker 235.275 kB 234.946 kB BelowBaseline     -329 bytes
office-ui-fabric-react office-ui-fabric-react-Nav 183.108 kB 182.779 kB BelowBaseline     -329 bytes

ExceedsTolerance Over Tolerance (1024 B) ExceedsBaseline Over Baseline BelowBaseline Below Baseline New New Deleted  Removed 1 kB = 1000 B

Baseline commit: 70f4285a51c2c47d6ac79019810568636f69e5a2 (build)

@fabricteam
Copy link
Collaborator

Perf Analysis

No significant results to display.

All results

Scenario Render type 7.0 Ticks PR Ticks Iterations Status
BaseButton mount 963 1031 5000
Breadcrumb mount 43496 43725 5000
Checkbox mount 1776 1715 5000
CheckboxBase mount 1388 1432 5000
ChoiceGroup mount 5512 5524 5000
ComboBox mount 1012 992 1000
CommandBar mount 8012 8165 1000
ContextualMenu mount 14369 14264 1000
DefaultButton mount 1217 1218 5000
DetailsRow mount 3940 3869 5000
DetailsRowFast mount 3999 3991 5000
DetailsRowNoStyles mount 3822 3791 5000
Dialog mount 1858 1750 1000
DocumentCardTitle mount 1906 1885 1000
Dropdown mount 2682 2740 5000
FocusTrapZone mount 1811 1839 5000
FocusZone mount 1861 1873 5000
IconButton mount 1958 1916 5000
Label mount 355 355 5000
Layer mount 2125 2154 5000
Link mount 487 470 5000
MenuButton mount 1658 1681 5000
MessageBar mount 2227 2189 5000
Nav mount 3633 3630 1000
OverflowSet mount 1521 1565 5000
Panel mount 1552 1569 1000
Persona mount 848 873 1000
Pivot mount 1550 1565 1000
PrimaryButton mount 1405 1428 5000
Rating mount 8562 8503 5000
SearchBox mount 1388 1364 5000
Shimmer mount 2923 2917 5000
Slider mount 1606 1686 5000
SpinButton mount 5498 5598 5000
Spinner mount 435 424 5000
SplitButton mount 3436 3469 5000
Stack mount 564 528 5000
StackWithIntrinsicChildren mount 1693 1732 5000
StackWithTextChildren mount 5306 5180 5000
SwatchColorPicker mount 10964 11201 5000
TagPicker mount 2952 3051 5000
TeachingBubble mount 53566 53587 5000
Text mount 488 488 5000
TextField mount 1577 1558 5000
Toggle mount 964 921 5000
button mount 111 115 5000

@rzhouac rzhouac changed the title fix contextual menu hierarchy issue Cherry-pick of 17628 & 17683, fix contextual menu hierarchy issue Jun 1, 2021
@rzhouac rzhouac changed the title Cherry-pick of 17628 & 17683, fix contextual menu hierarchy issue CherryPick #17628 & 17683, fix contextual menu hierarchy issue Jun 1, 2021
@khmakoto khmakoto dismissed msft-fluent-ui-bot’s stale review June 1, 2021 22:59

This is a cherry-pick of a PR in master.

@ecraig12345 ecraig12345 removed the needs cherry-pick Temporary label for PRs which may need to be cherry-picked to master label Jun 2, 2021
@msft-fluent-ui-bot
Copy link
Collaborator

Hello @khmakoto!

Because this pull request has the AutoMerge label, I will be glad to assist with helping to merge this pull request once all check-in policies pass.

p.s. you can customize the way I help with merging this pull request, such as holding this pull request until a specific person approves. Simply @mention me (@msft-fluent-ui-bot) and give me an instruction to get started! Learn more here.

@msft-fluent-ui-bot msft-fluent-ui-bot merged commit efbf295 into microsoft:7.0 Jun 3, 2021
@msft-fluent-ui-bot
Copy link
Collaborator

🎉office-ui-fabric-react@v7.170.2 has been released which incorporates this pull request.:tada:

Handy links:

@msft-fluent-ui-bot
Copy link
Collaborator

🎉@uifabric/mdl2-theme@v0.4.38 has been released which incorporates this pull request.:tada:

Handy links:

@msft-fluent-ui-bot
Copy link
Collaborator

🎉@uifabric/react-cards@v0.115.52 has been released which incorporates this pull request.:tada:

Handy links:

@msft-fluent-ui-bot
Copy link
Collaborator

🎉@uifabric/tsx-editor@v0.14.39 has been released which incorporates this pull request.:tada:

Handy links:

@msft-fluent-ui-bot
Copy link
Collaborator

🎉@uifabric/fluent-theme@v7.4.38 has been released which incorporates this pull request.:tada:

Handy links:

@msft-fluent-ui-bot
Copy link
Collaborator

🎉@uifabric/fabric-website@v7.16.70 has been released which incorporates this pull request.:tada:

Handy links:

@msft-fluent-ui-bot
Copy link
Collaborator

🎉@uifabric/fabric-website-resources@v7.9.69 has been released which incorporates this pull request.:tada:

Handy links:

@msft-fluent-ui-bot
Copy link
Collaborator

🎉@uifabric/theme-samples@v7.2.38 has been released which incorporates this pull request.:tada:

Handy links:

@msft-fluent-ui-bot
Copy link
Collaborator

🎉@uifabric/date-time@v7.19.44 has been released which incorporates this pull request.:tada:

Handy links:

@msft-fluent-ui-bot
Copy link
Collaborator

🎉@uifabric/experiments@v7.39.31 has been released which incorporates this pull request.:tada:

Handy links:

@msft-fluent-ui-bot
Copy link
Collaborator

🎉@uifabric/example-app-base@v7.19.13 has been released which incorporates this pull request.:tada:

Handy links:

@msft-fluent-ui-bot
Copy link
Collaborator

🎉@uifabric/api-docs@v7.6.41 has been released which incorporates this pull request.:tada:

Handy links:

@msft-fluent-ui-bot
Copy link
Collaborator

🎉@uifabric/charting@v4.15.27 has been released which incorporates this pull request.:tada:

Handy links:

@msft-fluent-ui-bot
Copy link
Collaborator

🎉@uifabric/azure-themes@v7.7.38 has been released which incorporates this pull request.:tada:

Handy links:

@msft-fluent-ui-bot
Copy link
Collaborator

🎉@fluentui/react@v7.170.2 has been released which incorporates this pull request.:tada:

Handy links:

@msft-fluent-ui-bot
Copy link
Collaborator

🎉@fluentui/storybook@v0.6.48 has been released which incorporates this pull request.:tada:

Handy links:

@msft-fluent-ui-bot
Copy link
Collaborator

🎉@fluentui/react-examples@v0.14.5 has been released which incorporates this pull request.:tada:

Handy links:

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.

7 participants