From 219b48d920a3e18bef7b26367e54a931440235dd Mon Sep 17 00:00:00 2001
From: Jack Zhang <jack.zhang>
Date: Tue, 7 Feb 2017 10:45:46 -0800
Subject: [PATCH] Add user select none to prevent cursor on ios safari

The readonly attribute on touch inputs hides the keyboard, but recently
the cursor started appearing. Adding touch events removes the flashing
cursor.

https://github.com/Dogfalo/materialize/issues/2448

Also moved unprefixed properties last
---
 css/CalendarMonth.scss       | 2 +-
 css/DateInput.scss           | 7 +++++++
 css/DayPickerNavigation.scss | 2 +-
 3 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/css/CalendarMonth.scss b/css/CalendarMonth.scss
index 1b8fc309..2ef5dffb 100644
--- a/css/CalendarMonth.scss
+++ b/css/CalendarMonth.scss
@@ -17,10 +17,10 @@
     border-spacing: 0;
   }
 
-  user-select: none;
   -moz-user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
+  user-select: none;
 }
 
 .CalendarMonth--horizontal {
diff --git a/css/DateInput.scss b/css/DateInput.scss
index a94b8f8d..78c01ee3 100644
--- a/css/DateInput.scss
+++ b/css/DateInput.scss
@@ -50,6 +50,13 @@ $caret-top: $react-dates-spacing-vertical-picker - $react-dates-width-tooltip-ar
   border: 0;
   height: 100%;
   width: 100%;
+
+  &[readonly] {
+    -moz-user-select: none;
+    -webkit-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+  }
 }
 
 .DateInput__display-text {
diff --git a/css/DayPickerNavigation.scss b/css/DayPickerNavigation.scss
index 2bdb179d..a5e1d880 100644
--- a/css/DayPickerNavigation.scss
+++ b/css/DayPickerNavigation.scss
@@ -4,10 +4,10 @@
 .DayPickerNavigation__next {
   cursor: pointer;
   line-height: 0.78;
-  user-select: none;
   -webkit-user-select: none; /* Chrome/Safari */
   -moz-user-select: none; /* Firefox */
   -ms-user-select: none; /* IE10+ */
+  user-select: none;
 }
 
 .DayPickerNavigation__prev--default,