Ability to "click through" the backdrop of non-modal Popup parts

[mxmason]

Feature request

Summary

When using non-modal popups, some authors may want the ability to click through them, allowing the user to both close the popover and activate another control in one click.

Example

I built a demo of my desired behavior on Stackblitz because I couldn't get the CSS on CodeSandbox to hook into [data-floating-ui-inert], for some reason. While this CSS workaround is doable, it relies on figuring out some DOM that appears to be rendered by Floating UI.

Motivation

This is both a desired behavior for my use case as well as (IMO) the expected behavior when a Popup-like element is not modal. If a popup is not modal, then the user shouldn't be prevented from activating an outside control with their pointer while that popup is open.

[mj12albert]

Dialog and Popover supports modal="trap-focus": #1571

I think that's the expected behavior described here

Could Menu support this as well or is it only ok for Dialog/popover? (didn't read the modal prop issue in full again) @atomiks

[atomiks]

When using non-modal popups, some authors may want the ability to click through them, allowing the user to both close the popover and activate another control in one click.

Anchored popups like Menu can still be modal, which Menu and Select are by default. It sounds like you just want to make this particular Menu non-modal: <Menu.Root modal={false}>? Doing so, it will remove the "internal backdrop" which covers all the content behind the Menu, which stops outside presses from having an effect.

Note: the internal backdrop exists to prevent "sloppy outside presses" from unintentionally clicking things just because you're dismissing - but yeah, there's a use case for certain apps to force users to need to "intentionally" outside-press to dismiss, such as when clicking things to both dismiss and press another interactive control simultaneously, which works better for high-density apps

My guess is: you consider a popup to only be modal if it has a non-transparent (background-obscuring) backdrop?