"onDrag" event not getting triggered in react.js

Question

<div className="kat-project-user-timeline-drag-indicator-wrapper-bottom"
     onDrag={(event) => {this.dragTask(event)}}>
</div>

dragTask(event) {
  console.log("logic goes here")
}

The function is not getting called for the first time. But from second time it is working fine. I tried using, event.preventDefault(), but still it is not working.

Answer 1

Try adding draggable="true" and see if that works:

<div draggable="true" className="kat-project-user-timeline-drag-indicator-wrapper-bottom"
 onDrag={(event) => {this.dragTask(event)}}>
</div>

dragTask(event) {
  console.log("logic goes here")
}