From 3fee69fb75294be2dc1a8e3ff2d417ea540d5536 Mon Sep 17 00:00:00 2001 From: Wired Earp Date: Thu, 3 May 2018 10:24:45 +0200 Subject: [PATCH] Don't show native form controls on iOS --- src/runtime/less/ts-forms.less | 15 +++++++++++++++ 1 file changed, 15 insertions(+) diff --git a/src/runtime/less/ts-forms.less b/src/runtime/less/ts-forms.less index 17c6ed811..94a178c1c 100644 --- 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 {