I'm using multiple instances of Draggable in the type:rotation and I've hit a snag.
I'm building a html based single page app for iPad, this slides horizontally through sections of content using 3d transform. You swipe vertically within a section to see slides, and swipe left or right to move through sections. It moves 1024px every section swipe.
Draggable rotation works perfectly if it appears on any slide in the first section, but the interaction is offset somehow on slides in subsequent sections. it's as if the datum point is relative to the window, or the Draggable instance is locked in the vertical plane of dragging.
Here is the container markup of which all the code sits - I'm afraid the code is too complex to add to a codepen.
<section id="Container" class="collection" style="width: 3072px; transform: translate3d(-1024px, 0px, 0px);">
I've tried looking into the applyBounds function and defining bounds, I even took the example back to the basic one on codepen. Ive used setTimeout to see if I was calling Draggable too early. I'm stumped.