react-spectrum
react-spectrum copied to clipboard
useModalOverlay breaks interaction of external overlay elements
Provide a general summary of the issue here
useModalOverlay sets by default in ariaHideOutside shouldUseInert: true.
That breaks interaction with external overlays not created with react-aria. For example libraries for creating cookie consent dialogs that are loaded before the react-aria dialog.
๐ค Expected Behavior?
useModalOverlay should be have a prop to disable setting the inert (or aria-hidden) to the other HTML elements in the body.
๐ฏ Current Behavior
At the moment you can't disable shouldUseInert on the ariaHideOutside used inside useModalOverlay
๐ Possible Solution
No response
๐ฆ Context
No response
๐ฅ๏ธ Steps to Reproduce
/
Version
/
What browsers are you seeing the problem on?
Chrome
If other, please specify.
No response
What operating system are you using?
MacOS Sequioa
๐งข Your Company/Team
No response
๐ท Tracking Issue
No response