From 43ddc72c80a340d709bacf8de566c88dba3a6ac1 Mon Sep 17 00:00:00 2001 From: Chuong Date: Tue, 31 Oct 2017 04:59:28 +0700 Subject: [PATCH] fix(css): update user-select none (#4678) --- src/css/_utilities.scss | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/src/css/_utilities.scss b/src/css/_utilities.scss index 93df9dc1f3..1123cf39e1 100644 --- a/src/css/_utilities.scss +++ b/src/css/_utilities.scss @@ -82,10 +82,19 @@ } // https://developer.mozilla.org/en-US/docs/Web/CSS/user-select +// https://stackoverflow.com/questions/826782/how-to-disable-text-selection-highlighting-using-css (version: January, 2017) @mixin user-select($string: none) { + /* iOS Safari */ + -webkit-touch-callout: $string; + /* Safari */ -webkit-user-select: $string; + /* Konqueror HTML */ + -khtml-user-select: $string; + /* Firefox */ -moz-user-select: $string; + /* Internet Explorer/Edge */ -ms-user-select: $string; + /* Non-prefixed version, currently supported by Chrome and Opera */ user-select: $string; }