Temporarily disable draggable

Hey, congratulations on building this library, it’s really cool. Any way I could temporarily disable the draggable object? For example, I want to execute a promise, during which the draggable object should not be moved or interacted with (I’m going to animate it), and when the promise resolves, then I want to reenable it. LE : I found the enabled option, but how can I dynamically set it? Thanks.

[taye]

Thanks!

You can pass true/false to the draggable method to enable or disable dragging.

interact(target)
  .draggable(false) // disable dragging
  .draggable(true)  // enable dragging

Or you could pass an object with it’s enabled property set to true/false

interact(target)
  .draggable({})    // no `enabled: false` prop, dragging is enabled
  .draggable({
    enabled: false  // explicitly disable dragging
  });

[phuwin]

@kelvin4incubit I think you modified the code and your modification makes those not work.