I'd like to be able to drag between SwiperJS containers - e.g drag an object from one slide and drop it in another (see codepen).
The issue is that the draggable object disappears because swiperjs transforms the parent slide mid-drag. I'd like for the draggable to stick to the pointer mid-drag until it is released, at which point if it is over the destination container - reparent.
Thoughts I've had:
I've tried calling 'update()' with the 'sticky' parameter set (after setting updated gsap.set on x and y properties reflecting the transform).
possibly re-parent during drag...?
Any thoughts ideas and code on how to deal with this issue would be much appreciated.
Irving