Senthilkumar

@ZachSaucier Hi, thanks for looking into this issue. I am quite new to this library. Sorry for the mistakes. I made mistake in updating the position of the draggable element but apart from that the code pen works as expected

@GreenSock Sorry for the explaining the use case in a complicated way. I am very new to greensock. Thanks for the update logic I will incorporate that in the pen. Use case : It is a very simple use case. You have a list of tiles which are stacked vertically. On press or on hold of the tile, I need to create a new element say for example a box or some thing, that can be dragged across these tiles. What I have achieved: I am able to achieve the creation of new element on press which can be dragged across the tiles. I have used the trigger attribute in the reachable options to achieve it. Problems facing: If I simply want to scroll the list of tiles then draggable is blocking as the entire tile is configured as trigger. You can find the draggable configuration in the codepen url.

Idea: The attached codepen project has a list of elements occupying the entire screen and are stacked vertically. Each of the element acts a trigger for dragging a new element from one row to other. Say for example, consider each row is some bank account, and on press and drag, a coin or some kind of element appears which cane be dropped on another row. Also, if there are more number of accounts than the viewport, then we should also be able to scroll. Problem: Dragging and dropping the new element is achieved. But now the viewport got locked and it is not scrollable as the draggable is binded to it. Also, I have used Hammer.js to capture the tap event on the row, which is not firing. I want to use hammer because I want to use other gesture on the row P.S : The X and Y position of the draggable element is not proper, sorry for that I am fixing it. @GreenSock Please help me with a solution for this issue.

@Ahrengot Hi I am also trying to implement a similar kind of solution using Hammer and GASP where i have a list of vertical tiles and on hold of it some seconds, then it should become draggable. But the problem is, in Safari browser of a iPad, due to the bounce effect, the draggable behaviour is not working properly for me. I am also creating a draggable instance when the hold event of Hammer.js is triggered and then i am calling start drag method to initiate draggable behaviour. The good thing is, it is working good in other browsers, it creates problem only in the touch devices. Please help me, i am stuck with this issue since a week. @GreenSock