You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
The trigger button of the popover currently includes the attributes aria-expanded and aria-controls.
These attributes are incorrect in the context of a popover acting as a modal.
Popovers (in this implementation) behave as modals because they trap focus and prevent interaction with the rest of the UI until dismissed.
Expected behavior
Expect Popover to not implement focus trap, and or to not have aria attributes which misleadingly tell assistive technologies that the interaction should be more like an accordion (which will not have focus trap).
Bug report
Current Behavior
The trigger button of the popover currently includes the attributes aria-expanded and aria-controls.
These attributes are incorrect in the context of a popover acting as a modal.
Popovers (in this implementation) behave as modals because they trap focus and prevent interaction with the rest of the UI until dismissed.
Expected behavior
Expect Popover to not implement focus trap, and or to not have aria attributes which misleadingly tell assistive technologies that the interaction should be more like an accordion (which will not have focus trap).
Reproducible example
https://codesandbox.io/p/sandbox/radix-ui-popover-abstracted-example-8jxqn?file=%2Fsrc%2FApp.js
Using key navigation and open the modal by pressing enter on the trigger. Modal opens however focus is trapped.
Suggested solution
Remove aria-expanded and aria-controls from the trigger
Additional context
Your environment
The text was updated successfully, but these errors were encountered: