[Autocomplete] Fix iOS double tap (#21060)

mui · May 17, 2020 · 5441d22 · 5441d22
1 parent b289815
commit 5441d22
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/packages/material-ui-lab/src/Autocomplete/Autocomplete.js b/packages/material-ui-lab/src/Autocomplete/Autocomplete.js
@@ -16,9 +16,15 @@ export { createFilterOptions };
 export const styles = (theme) => ({
   /* Styles applied to the root element. */
   root: {
-    '&:hover $clearIndicatorDirty, &$focused $clearIndicatorDirty': {
+    '&$focused $clearIndicatorDirty': {
       visibility: 'visible',
     },
+    /* Avoid double tap issue on iOS */
+    '@media (pointer: fine)': {
+      '&:hover $clearIndicatorDirty': {
+        visibility: 'visible',
+      },
+    },
   },
   /* Styles applied to the root element if `fullWidth={true}`. */
   fullWidth: {