GSAP Draggable in an IFrame 'sticky' issue

[caffrey75]

Hi there, 

 

I was wondering if there was a solution to an issue we're having where we load an HTML page containing a Draggable interaction into an IFrame.  While dragging an element, if a user moves their mouse pointer outside the bounds of the Iframe and releases, then moves their pointer back in again, the element being dragged becomes stuck to the mouse pointer and can only become unstuck with a click/release inside the IFrame.

 

I tried loading https://greensock.com/draggable URL into the IFrame to see if I was missing something that Greensock had implemented to get round this, but the same thing happens with the GSAP Draggable example.   

 

Is there some simple measure we can take to prevent this, or are we stuck with it?  

 

Many thanks

 

Codepen below: 

 

See the Pen mVjyxv by anon (@anon) on CodePen

[OSUblake]

Add a mouseleave listener to your document, and have it call endDrag().