microsoft / microsoft/fluentui
[Bug]: Fluent Menu Button icon-only chevron
Open
@chrisdholt is already working on this.
Since Jul 22, 2026.
Fluent UI WC (v3)
Type: Bug :bug:
web-components
- Dominant language
- TypeScript
- Stars
- 20.3k
- Forks
- 2.9k
- Avg merge
- 2d 9h
- Merged PRs (30d)
- 46
Description
Component
Other...
Package version
3.0.1
@microsoft/fast-element version
3.0.0?
Environment
System:
OS: Linux 5.0 undefined
CPU: (8) x64 Intel(R) Core(TM) i9-9880H CPU @ 2.30GHz
Memory: 0 Bytes / 0 Bytes
Shell: 1.0 - /bin/jsh
npmPackages:
@fluentui/web-components: 3.0.1 => 3.0.1
Current Behavior
Menu button with icon-only does not render correctly. According to the Figma spec, the chevron should not be shown.
Note that we made a local fix for this in Fabric UX, but this affected the split button as well (which needs to show only the chevron).
Expected Behavior
Only the icon should be displayed.
Reproduction
https://stackblitz.com/edit/vitejs-vite-ygrqqvpa?file=src%2Fmain.ts
Steps to reproduce
View the stackblitz, which only repros this issue.
Are you reporting an Accessibility issue?
None
Suggested severity
High - No workaround
Products/sites affected
Fabric UX
Are you willing to submit a PR to fix?
yes
Validations
- Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
- The provided reproduction is a minimal reproducible example of the bug.
Contributor guide
No contributing guide indexed for this repository
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Assessment
This issue has not been assessed yet.