Jump to content


  • Posts

  • Joined

  • Last visited

alexandrosb's Achievements


Newbie (1/14)



  1. 1. I was in a rush to make the gif to better explain the issue, but it happens even if I move my finger really slow 2. I saw it as a suggestion somewhere and I just threw it in 3. no 4. no 5. no 6. I am lost to what's causing it. I know the tween inside the onRelease is not at fault, but how do you explain that when I remove it the problem goes away? I will try 3,4,5 and I will see if anything comes out of it. Thank you
  2. Adding a gif that somewhat shows what happens
  3. I am not sure where I am dragging after release. In the codepen I shared above, if I try dragging one of the circles it sometimes cancels the dragging mid drag. This happens only when I have a TweenLite inside the onRelease function. This is really weird to even explain.
  4. I am cloning the whole svg group (the two dots and the line connecting them) which I am not sure it plays any role. My issue is that when onRelease I have a TweenLite, then for some (random) elements when I try to drag after a few pixels the drag is "canceled" and the element animates to wherever I have set it. If I remove the TweenLite then I never get this drag cancel.
  5. I am facing this problem on touch devices only. Both an Android tablet and my laptop. If on the onRelease handled I try to tween the element then the drag event gets cancelled. If I remove the tween then I don't have this issue. Which element will be affected appears to be random. Logging the release event I observe that it has type: "pointercancel" where normally it is type: "pointerup" It might be related that I am cloning the item, since when I only had one instance or even one clone this wasn't happening. I am not sure I am explaining the issue properly, but any help would be greatly appreciated.
  6. What I wanted was for it to look less rigid, if that makes any sense. Swinging and a texture would be amazing, but I am too new to the library to pull it off. I realize now though that this is not gsap specific question, so I am not sure how relevant my question is.
  7. I am trying to modify the example of the draggable Bezier connector (https://codepen.io/osublake/pen/GMrExO) and get the curve to "hang" downwards like the cables in the image Carl posted. My solution after some trial and error and some more googling (https://codepen.io/anon/pen/LaKpeX) feels very static to me, but I am stuck on how to improve it. Anyone got a clue?