Detecting touch taps and double taps while using react-draggable

I’m using this great library to add dragging functionality to components and it works great. However, I have the following issue:

• Before I was using this library, I could capture the standard click and double click events and they would work for both mouse and touch devices domNode.addEventListener('click', (event) => {}); domNode.addEventListener('dblclick', (event) => {});

• But now that I’m using this library, the click and dblclick events are only being triggered for mouse inputs, but not for touch devices, how can I detect touch taps and double taps while using this library?

thank you 😃

[asile12]

if someone is looking for a temporary fix, I managed to make it work with this

<Draggable {...dragHandlers} >
  <div 
    id={props.id} 
    ref={myRef} 
    onClick={clickedMe} 
    onTouchEnd={clickedMe}  // <-- this
    etc...

[sachinksachu]

I also faced this issue, touch was not working in mobile screen. so I added onTouchStart attribute to call the function onTouchStart={()=> clickedMe()} Got the solution from : https://github.com/react-grid-layout/react-draggable/issues/550