microsoft / fluentui

Fluent UI web represents a collection of utilities, React components, and web components for building web applications.

Home Page:https://react.fluentui.dev

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

[Bug]: Accessibility issue while using PopoverTrigger inside Menu

MANVI-15 opened this issue · comments

Library

React Components / v9 (@fluentui/react-components)

System Info

System:
    OS: Windows 10 10.0.22631
    CPU: (32) x64 AMD Ryzen Threadripper PRO 3955WX 16-Cores
    Memory: 87.34 GB / 127.86 GB
  Browsers:
    Edge: Chromium (126.0.2592.56)
    Internet Explorer: 11.0.22621.3527

Are you reporting Accessibility issue?

yes

Reproduction

https://stackblitz.com/edit/eojfwu?file=src%2Fexample.tsx

Bug Description

Actual Behavior

In the example link provided , the Narrator announces ‘MenuItem’ for the initial two items, but for the third item, it identifies it as a button.

Expected Behavior

It should announce 'MenuItem' for the third option in the example link ( for the mneuitem wrapped inside the popover trigger)

Logs

No response

Requested priority

Normal

Products/sites affected

Loop

Are you willing to submit a PR to fix?

no

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.

Workaround suggested by @MANVI-15 is to explicitly assign role="menuitem" to the MenuItem which is the PopoverTrigger