Draggable onDragScope issues

[affka]

Hi!

 

I have a class which has a property "dragger". To this dragger property I assign GSAP Draggable new instance:

this.dragger = new Draggable(element, {
      bounds: ".container",
      edgeResistance: 0.65,
      type: "x,y",
      inertia: true,
      autoScroll: true,
      liveSnap: true,
      onDragEnd: _self.onDragEnd,
      onDragStart: _self.onDragStart,
      onDrag: _self.onDrag,
      onDragScope: this,
    });

As above, you can see there is a settings of "onDragScope" set to "this" (I have tried to set "this" to "_self" variable outside and then assign it but same result). When running onDrag runs, it  logs me a GSAP Draggable instance instead of the class which has "dragger" property. Any ideas why?

onDrag() {
    console.log("drag", this);
    // logs GSAP Draggable instead of class
}

 

Thanks for the ideas.

 

[GreenSock]

There is no such thing as onDragScope, but you have several other options. You can set the callbackScope instead (which would apply to all callbacks) or you can do the trick you referenced in your posts, creating a variable that references "this" like:

let self = this;
this.dragger = new Draggable(element, {
  onDrag() {
    self.onDrag();
  }
  ...
});

 

[ZachSaucier]

As Jack said, onDragScope doesn't exist any longer as of GSAP 3. We simplified the callback scopes. See the release notes for more info: