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!