From eee1e7dca0214a66ebdc58f716f841329e85d9ad Mon Sep 17 00:00:00 2001 From: Kristiyan Kostadinov Date: Tue, 17 Jul 2018 18:06:39 +0200 Subject: [PATCH] fix(drag-drop): disable text selection on draggable element (#12204) --- src/cdk-experimental/drag-drop/drop.scss | 15 +++++++++++++++ 1 file changed, 15 insertions(+) diff --git a/src/cdk-experimental/drag-drop/drop.scss b/src/cdk-experimental/drag-drop/drop.scss index 897ceaea6d2..700ff5cb61b 100644 --- a/src/cdk-experimental/drag-drop/drop.scss +++ b/src/cdk-experimental/drag-drop/drop.scss @@ -6,3 +6,18 @@ $cdk-z-index-drag-preview: 1000; left: 0; z-index: $cdk-z-index-drag-preview; } + +.cdk-drag, +.cdk-drag-handle { + touch-action: none; + -webkit-user-drag: none; + -webkit-tap-highlight-color: transparent; + + // stylelint-disable material/no-prefixes + // normally we have a mixin for these, but it's in material/core. + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + // stylelint-enable material/no-prefixes +}