add support for touch event

[fraserxu]

• For the option, I add an onClick event
• For the clear button, I add an onClick event
• For the wrapper, I add an onTouchEnd event
• For the Value.js, I add an onTouchEnd event

[JedWatson]

Shouldn't the onClick handler still fire here on a touch device? or is it blocked by the onMouseDown handler?

[fraserxu]

No, I tested, the onClick does not fire on a touch device.

Add the onTouchEnd will make it work.

I also tried to change the onTouchEnd handler to

onTouchHanlder: function(e) {
  this.blockEvent(e)
  this.props.onRemove()
}

to prevent the input filed from focusing, but seems not work.

[JedWatson]

Thanks @fraserxu. I was initially concerned that binding both mouseDown and onClick to the same event handler might cause it to incorrectly fire twice for desktop users, but it may not be an issue... can you confirm this is correct?

[fraserxu]

Hi @JedWatson I checked the mouseDown and onClick on desktop, it will only fire once even after I added the onTouchEnd listener.

Till now all seems work well for me.

[JedWatson]

Cool. I'll merge it now so we can finally support mobile devices.