Skip to content

[Bug]: Fluent Menu Button icon-only chevron #36416

Description

@jcludwig

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.

Image

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.

Metadata

Metadata

Assignees

Type

No type

Projects

Status
No status

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions