fix(sortable-table): Clicking on sortable header doesn't select text

[Fixes #103050640] Signed-off-by: Matt Royal <mroyal@pivotal.io>
pivotal-cf · Sep 10, 2015 · a9ec8a0 · a9ec8a0
1 parent c786d96
commit a9ec8a0
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git a/src/pivotal-ui/components/mixins.scss b/src/pivotal-ui/components/mixins.scss
@@ -115,3 +115,12 @@
     }
   }
 }
+
+@mixin no-select {
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
diff --git a/src/pivotal-ui/components/tables/tables.scss b/src/pivotal-ui/components/tables/tables.scss
@@ -1,4 +1,5 @@
 @import "../pui-variables";
+@import "../mixins";
 
 /*doc
 ---
@@ -308,6 +309,7 @@ We are making the assumption here that table-hover will *only* be used if the ta
   }
 
   .sortable, [sortable] { // latter selector is angular only
+    @include no-select;
     cursor: pointer;
     &:after {
       margin-left: 4px;