ab_

@GreenSock thank you very much. This really did the trick. What bothers me most is that I couldn't figure out how to debug this problem. I just wonder how they figured out, that this was causing the issue...

I'm creating a third-party app, which is loaded through an iframe. The iframe creates a draggable element in side it. On first page load (before scrolling the page), the draggable (slider) works fine. But after scrolling the page behind the iframe, it's hard to get the slider to slide again. (Note that this is a mobile issue, safari on iOS especially, but also chrome on iOS) In the following demo I have used the GSAP Draggable library with react to create the draggable element but have also tried to code it in plain react with no luck. Here is a demo: https://unfjl.csb.app/ I have tried a lot of different things (css, touchevents etc), but cannot get it to work... What could cause this behaviour? Update (no iframe example) Demo no iframe: https://p5cu9.csb.app/ Same example with slider as above, but in this example the draggable is rendered directly in the DOM and not in an iframe. The problem still occurs. I suspect it has something to do with the fixed css position of the slider...