Material-ui: React Tap Event 300ms delay on IPAD

[Spartano]

Hello, i have created a simple Create React App + Material-UI application with some of the examples from the docs, like checkboxes, grid spacing, checkboxes, modals, etc, packaged it using Cordova and ran it on my IPAD.

I am experiencing (especialy when clicking a checkbox or a toggle) the 300 ms delay.

With modals instead i am seeing a double click problem, the first it fires on touch tap, opens the modal then after the delay it fires a click that triggers the closing of the modal.

I was curious if on the official website it would behave in the same manner, so, using the browser of the IPAD i went to https://material-ui-next.com/demos/selection-controls/ and everything works just fine.

By looking at the code on github i wasnt able to find no special configuration that you do for making this work, so i dont know if its a problem of Cordova , React, Webpack,

or ME :)

Thank you.

• [x] I have searched the issues of this repository and believe that this is not a duplicate.

| Tech | Version |
|--------------|---------|
| Material-UI | 1.0.0-beta.29 |
| React | 16.2.0 |
| browser | |
| etc | |

[oliviertassinari]

By looking at the code on github i wasnt able to find no special configuration that you do for making this work, so i dont know if its a problem of Cordova , React, Webpack,

@Spartano Try the following:

https://github.com/mui-org/material-ui/blob/c4ef77fdcaff131ea2065eb7b24c7156d4ee156b/pages/_document.js#L21-L27

[jacobweber]

This doesn't fix the issue. Cordova on iOS uses UIWebView, which still has the 300ms delay even with the above viewport settings. As a result, it's unpleasantly slow.

You can try using Cordova's cordova-plugin-wkwebview-engine plugin, although it looks buggy.