React-vis: Touch support for Highlight

[stroemdev]

When using highlight with touch devices you cannot drag or brush.

Today using the device emulator in Chrome, the touch events just navigates around the page:

I started prototyping this feature registering onTouchMove event listener instead of using the onTouchMove property of the rect element. This event listener is registered as an "active" event listener (https://developers.google.com/web/updates/2017/01/scrolling-intervention) so that preventDefault is available when the component is brushing or dragging.

With "native" event listener

Taking this approach any movement in the chart will be "prevented" and interpreted as a brush/drag.
And might impact overall performance on the page when this listener is active.

I just wanted to check if there is any interest in making this change in the core library or if I should continue the work in a fork.

[deelam]

I would like this feature.

[kitipong-sage]

I like this feature.

[adammartiska]

I would really appreciate this feature, because we need to implement this functionality! Is there any progress for this?

[rlaffers]

I have fixed touch event support for brushing in my fork https://github.com/rlaffers/react-vis/tree/touch-events-brushing
This is based off the 1.11.7 release, so I can't PR this into master. Maybe I will find time to port those changes into master with its new workspaces structure - but feel free to do it yourself.