[Popover] can't tap on text input to change cursor location

[jony89]

Problem description

When I'm trying to click (actually tap) within the text input in order to change the cursor location, nothing happens.

This is fixed when I am removing the following line:

event.preventDefault();

from componentClickAway function in the Popover component.

otherwise I also get the following warning:

index.js:8931 Ignored attempt to cancel a touchstart event with cancelable=false, for example because scrolling is in progress and cannot be interrupted

pointing to that code.

I'm not sure what are the implication of removing that line ?

Link to minimal working code that reproduces the issue

Just take any autocomplete example and run it on simulator without the inspector being on! (without debugging), write some text and try by tapping (or clicking) changing the cursor location within the input text box.

Versions

• Material-UI: 0.18.1
• React: 0.15.4
• Browser: only on android emulator / device or iphone emulator / device
  didn't check windows phone

[jony89]

I'm pretty sure that if useLayerForClickAway is false then :

    event.preventDefault();
    this.requestClose('clickAway');

should not occur within componentClickAway func