Compatibility with mobile (touch devices)

Is your feature request related to a problem? Please describe. React-digraph currently doesn't support touch devices

Describe the solution you'd like I would like to help add support for mobile devices, at least on basic functionality (panning, zooming, moving and selecting nodes and edges).

Describe alternatives you've considered The solution in #210 didn't work for me. I also tried overriding touchmove and touchstart in graph-view.js but couldn't find which special cases should be handled differently than using d3.mouse.

https://github.com/uber/react-digraph/blob/4e89df837c233a9270d95aacf39a4e432b4a7b2a/src/components/graph-view.js#L205-L210

Additional context After some tinkering I'm failing to realize which events I should handle. I would really appreciate any leads on:

Do 'touchmove' and 'touchstart' stop propagation se we don't need to unregister mousedown and mousemove, or is there another reason?

https://github.com/uber/react-digraph/blob/4e89df837c233a9270d95aacf39a4e432b4a7b2a/src/components/graph-view.js#L908-L914

Where is node clicking handled? I see in the function handleSvgClicked a check for this.state.selectingNode but can't find where it is set to true

handleSvgClicked = (d: any, i: any) => {

...

if (this.state.selectingNode) {
  this.setState({
    focused: true,
    selectingNode: false,
    svgClicked: true,
});

uber / react-digraph

Compatibility with mobile (touch devices) #215