Description
Provide a general summary of the issue here
The isNonModal
prop is described as follows:
Whether the popover is non-modal, i.e. elements outside the popover may be interacted with by assistive technologies.
However, when using the prop, only scrolling is enabled. Tabbing outside of the popover is not possible (it traps the focus), since the focus trapping seems to be handled by the Dialog component, which we use inside the Popover.
Either the prop description is vague, or the behavior should be changed (isNonModal should perhaps disable the focus trapping of the child Dialog)
🤔 Expected Behavior?
explained in description
😯 Current Behavior
explained in description
💁 Possible Solution
No response
🔦 Context
No response
🖥️ Steps to Reproduce
Create a Popover, add a Dialog in it, and use isNonModal prop. Try tabbing outside the element
Version
1.0.0-rc.0
What browsers are you seeing the problem on?
Chrome
If other, please specify.
No response
What operating system are you using?
macos sonoma
🧢 Your Company/Team
No response
🕷 Tracking Issue
No response