Use popover with isNonModal

[shendrick]

I have an app I'm working with where I am putting multiple controls behind popovers to keep the UI more manageable. However when trying to use the popover for this, the only option seems to be to make it modal or use isNonModal and have to figure out how to auto close it myself when you click away.

Here's an example:
Button Foo - Popover with Slider 1
Button Bar - Popover with Slider 2

So I want to click Foo and make adjustments with slider 1 but then I have to click on Bar twice in order for the slider to popup.

I'm assuming I should use isNonModal, but it's not clear how to use it while still allowing to auto close when something else is clicked on.

I'm looking to do something similar to how adobe express works with some of the popovers. With "position" popover open when you click on "opacity", it opens with one click, not two.

Oddly, there's an example here... https://react-spectrum.adobe.com/react-aria/useOverlayTrigger.html#example where it seems like I can click directly on a link when the popover is open and it works how I'd like, but doesn't work the same in my codebase. Assuming the versions of the library are older here and don't have that same modal behavior?