react-spring-bottom-sheet icon indicating copy to clipboard operation
react-spring-bottom-sheet copied to clipboard

drag events going "through" the bottom sheet

Open MartinMouritzen opened this issue 4 years ago • 1 comments

I have elements on my page that can be dragged. When the bottom sheet is open and I want to close it, those events still pass through the bottom sheet and move elements.

I am unsure to see how I can stop this behavior. I've tried blocking={true} and various other event.preventDefault/stopPropagation related things :)

MartinMouritzen avatar Mar 31 '21 18:03 MartinMouritzen

Sounds like you're affected by the library we use to handle scrolllocking. Have you tried adding [data-body-scroll-lock-ignore] to a container for the drag & drop stuff?

Could you make a repro on codesandbox? 🙂

stipsan avatar Apr 14 '21 16:04 stipsan