Skip to content

OverflowSet: minor docs wording update#23587

Merged
smhigley merged 2 commits intomicrosoft:masterfrom
smhigley:overflowset-docs
Jun 27, 2022
Merged

OverflowSet: minor docs wording update#23587
smhigley merged 2 commits intomicrosoft:masterfrom
smhigley:overflowset-docs

Conversation

@smhigley
Copy link
Copy Markdown
Contributor

In a discussion on an OverflowSet, I realized the Accessibility wording was a bit misleading. I updated the wording to both mention CommandBar's overflow feature, and also that keyboard interaction would be needed as well as semantics for e.g. a menu.

@codesandbox-ci
Copy link
Copy Markdown

codesandbox-ci bot commented Jun 16, 2022

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 235ce89:

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

@fabricteam
Copy link
Copy Markdown
Collaborator

fabricteam commented Jun 16, 2022

📊 Bundle size report

🤖 This report was generated against 8d6d8a3e334c1ad298dcae3732ae555b58fe7bf1

@size-auditor
Copy link
Copy Markdown

size-auditor bot commented Jun 16, 2022

Asset size changes

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

Baseline commit: 8d6d8a3e334c1ad298dcae3732ae555b58fe7bf1 (build)

### Accessibility

By default, the OverflowSet is simply `role=group`. If you used as a menu, you will need to add `role="menubar"` and add proper aria roles to each rendered item (`menuitem`, `menuitemcheckbox`, `menuitemradio`)
By default, the OverflowSet is simply `role=group`. If you used as an application menu, the `overflowItems` prop on CommandBar should be used instead. When `OverflowSet` is used on its own, any context-specific semantics (e.g. `role="menu"`, `role="nav"`) and interaction (e.g. arrow keys) will need to be manually added.
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

the overflowItems prop on CommandBar should be used instead

instead of what?

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

ah, instead of using OverflowSet on its own. I'll make that clearer.

Copy link
Copy Markdown
Member

@micahgodbolt micahgodbolt left a comment

Choose a reason for hiding this comment

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

This text is great. I'd eventually like to see some demos of how to do this.

@smhigley smhigley merged commit 3fd2ece into microsoft:master Jun 27, 2022
rohitpagariya pushed a commit to rohitpagariya/fluentui that referenced this pull request Jun 28, 2022
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.

5 participants