Skip to content

OverflowSet: minor docs wording update#23587

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

OverflowSet: minor docs wording update#23587
smhigley merged 2 commits into
microsoft: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

codesandbox-ci Bot commented Jun 16, 2022

Copy link
Copy Markdown

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

fabricteam commented Jun 16, 2022

Copy link
Copy Markdown
Collaborator

📊 Bundle size report

🤖 This report was generated against 8d6d8a3e334c1ad298dcae3732ae555b58fe7bf1

@size-auditor

size-auditor Bot commented Jun 16, 2022

Copy link
Copy Markdown

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.

@micahgodbolt micahgodbolt left a comment

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.

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