I am using dragula js to use drag and drop in mobile devices and suddenly ran into a problem where I am getting the following error.

[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See

and the error hits the following function

function drag (e) {
    if (!_mirror) {
      return;
    }
    e.preventDefault();
    //other code
  }

what might be the problem here?

I am using dragula js to use drag and drop in mobile devices and suddenly ran into a problem where I am getting the following error.

[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See

and the error hits the following function

function drag (e) {
    if (!_mirror) {
      return;
    }
    e.preventDefault();
    //other code
  }

what might be the problem here?

• javascript
• jquery
• dragula

1 Answer 1

This seems to be a problem with the breaking upgrades to chrome 56 to improve the performance in scrolling, Please check here

https://github./bevacqua/dragula/issues/468

You can define touch-action: none to the drag handle to resolve the issue.

Seems to be a problem with bindings for the pointer events.

My issue was solved by adding touch-action: none to the drag handle.