Don't show native form controls on iOS

Tradeshift · May 3, 2018 · 3fee69f · 3fee69f
1 parent c866f54
commit 3fee69f
Showing 1 changed file with 15 additions and 0 deletions.
diff --git a/src/runtime/less/ts-forms.less b/src/runtime/less/ts-forms.less
@@ -560,6 +560,21 @@
 	}
 }
 
+// Touch device specials .......................................................
+
+/**
+ * Hide the native SELECT and INPUT type=date on touch devices so that the native 
+ * controls won't appear whenever you touch the screen in their general vicinity.
+ * This is known to be a problem in Safari on iOS in particular. Note that this 
+ * must happen on touch devices only, otherwise we break keyboard TAB navigation.
+ */
+.ts-device-touch {
+    .ts-dateinput,
+    .ts-select {
+        display: none !important;
+    }
+}
+
 // Switches ....................................................................
 
 .ts-form {