[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