Jump to content
Search Community

DraggableSock

Members
  • Posts

    2
  • Joined

  • Last visited

Posts posted by DraggableSock

  1. First of all, congrats for all stuff GSAP! This is a wonderful piece of work!

    Secondly, I've encountered issues with Draggable, while using React 16.5:
    Using Draggable.create(target) doesn't allow the user to drag the element at all. A 3d transform is set on the element, having all 0px values, but the element itself doesn't move.
    The onDrag / onDragEnd / onDragStart handlers aren't called. On the other hand, the onPress handler is called, but two times every click, once with a PointerEvent type event payload, and with a MouseEvent, the second time.


    Also, it's important to point out that using GSAP 1.19.1 / 2.0.0 / 2.0.2 with React 16.4 and lower doesn't reproduce the issue, nor does it cause the onPress handler to be called twice. It only gets called once, with a PointerEvent.
    However, I was able to reproduce this issue using GSAP 1.19.1 / 2.0.0 / 2.0.2, with React 16.5.

    If there's anything more needed, I'll happily provide more details.
     

      componentDidMount() {
        const lis = document.getElementsByTagName('li');
    
        Draggable.create(lis, { 
          cursor: 'grab',
          onPress(event) { console.log(event); },
          onDragEnd() { 
            TweenMax.to(this.target, 0.5, { x: 0, y: 0 }); 
          } 
        });
      }


    Thanks in advance!

×
×
  • Create New...