Elements inside Draggable not clickable on mobile

[adrianferenc]

With a component set up as follows:
<Draggable> <button onClick={()=> console.log('clicked')}>test</button> </Draggable>
the button will work on desktop, but if I use the device toolbar in Chrome to emulate a mobile device, the button no longer fires. Does anyone have any suggestions on how to get this to work on mobile?

Thanks,
Adrian

[adrianferenc]

Looking at other issues, I discovered this was fixed by using the onTouchStart key in addition to the onClick.

If this helps anyone, I was using this with an Accordion with React Bootstrap v. 4. To add the onTouchStart I had to create a custom toggle because I had an onClick that did other things when opening the accordion. I passed the handleClick function as a prop to the CustomToggle and executed it inside the called function.