Hi,
I have a draggable that I change its parent to be an ion-scroll which has zoom, so I can drag/zoom the board around and the draggable is stuck to it..
When I want to drag the draggable away from/around the ion-scroll I have to change the parent away from the ion-scroll, so that the ion-scroll does not follow the cursor.
If the ion-scroll has zoom applied, then the draggable does not track the cursor when I change the parent, it moves faster..
http://codepen.io/anon/pen/rpJHh?editors=011 is an example of the zoom issue, and the fix is to draggable.update().
The second issue is because I reparent the draggable, I need to put it back where it belongs on the screen. (tweenlite.set)
When I draggable.update() the tweenlite does not work, and the draggable is off the top of the screen. If I don't draggable.update() I can position the draggable ok.
//changes the parent of the draggable
document.getElementById(home_id)
.appendChild(document.getElementById(draggable.vars.id));
//get the location to put the draggable
var pointx = draggable.pointerX;
var pointy = draggable.pointerY;
//document.getElementById(draggable.vars.id).style.position = "absolute";
draggable.update();
TweenLite.set("#draggable", {x:pointx, y:pointy, z:1000});
the draggable after the update and tween
05-01 22:25:16.943: I/chromium(2667): [iNFO:CONSOLE(99)] "draggable after{"_listeners":{"drag":[{"pr":0}],"release":[{"pr":0}]},"_eventTarget":{"_gsTweenID":"t4","_gsTransform":{"perspective":0,"force3D":true,"svg":false,"skewType":"compensated","x":-4,"y":-311},"_gsDragID":"d4"},"vars":{"type":"x,y","id":"game_lettertile_4","element":{},"zIndexBoost":true,"location":"dragging"},"target":{"_gsTweenID":"t4","_gsTransform":{"perspective":0,"force3D":true,"svg":false,"skewType":"compensated","x":-4,"y":-311},"_gsDragID":"d4"},"rotation":0,"y":-311,"x":-4,"dragResistance":0,"edgeResistance":1,"autoScroll":0,"lockedAxis":null,"allowEventDefault":false,"pointerEvent":{},"pointerY":164.2830047607422,"pointerX":198.17100524902344,"isThrowing":false,"tween":null,"isPressed":true,"endY":-311,"endX":-4,"isDragging":true}", source: file:///android_asset/www/scripts/gamescreen/gamescreen.controller.js (99)
I've tried switching lines around and repeating them..
Any insights appreciated.