React-dnd: Can't select input or texarea content

[maxsalven]

From #178:

'Attempt to select input or textarea content with touchpad/mouse starts dragging parent element.'

This works in Safari 9.0.2 but does not work in Chrome 47.0

[gaearon]

I can’t reproduce this with Chrome 47. I tested OS X and Windows.
Here’s what I see:

Selecting text works fine. Note that _if you drag by the corner where there is no text yet_, indeed the textarea is draggable. This is just how browser works; we can’t prevent it without introducing fragile checks that would break with other edge cases.

If you’d like to disable this, your best bet is to keep some kind of isEditing state in the parent component, pass isEditing, onFocus and onBlur to your drag source, and define canDrag(monitor, props) to return !props.isEditing so that you explicitly forbid dragging while the input if focused.

[maxsalven]

It seems to work for textarea but not for input. I added an <input type="text" /> to the Sortable/Simple example: