How to Block Clicks on Page When Floating Group is Open?

Hey Bubblers,

I have a floating group with scrolling inside of it, and I want to prevent interactions with the page underneath while it’s open. The issue is that sometimes when users scroll inside the floating group, it’s as if their touch is also affecting the page below (even though the main page is 100dvh with no scrolling enabled).

How can I completely block clicks and interactions with the page beneath the floating group? I just want to ensure that only the floating group is interactive while it’s visible.

Any ideas? Thanks! :rocket:

Disable scrolling page with CSS

Stop clicks on page, try putting an invisible overlay when group focus is visible