Library

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

System Info

N/A

Are you reporting Accessibility issue?

yes

Reproduction

yarn start @fluentui/react-avatar

Bug Description

Actual Behavior

Currently PopoverSurface is a slot and overrides the role to list. This causes a problem with aria-modal and Popover's trapFocus.

• Triggering the PopoverSurface does not trap focus into the popoverSurface.
• Role list is not compatible with aria-modal.

Expected Behavior

PopoverSurface should trap focus into the list container.
Role is not overridden since it's needed for accessibility purposes.

Logs

No response

Requested priority

Normal

Products/sites affected

No response

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.