From 70fb404d23cd9bbf2c58ebe75f26be585367e444 Mon Sep 17 00:00:00 2001
From: Erik Munson <erik@ipsumcreative.com>
Date: Thu, 21 Feb 2019 17:21:26 -0800
Subject: [PATCH] fix(core/executions): Disable text selection when re-ordering
 pipelines (#6603)

---
 .../modules/core/src/pipeline/filter/ExecutionFilters.tsx   | 3 ++-
 .../modules/core/src/pipeline/filter/executionFilters.less  | 6 +++++-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/app/scripts/modules/core/src/pipeline/filter/ExecutionFilters.tsx b/app/scripts/modules/core/src/pipeline/filter/ExecutionFilters.tsx
index a60dc2d1529..2b0411dd159 100644
--- a/app/scripts/modules/core/src/pipeline/filter/ExecutionFilters.tsx
+++ b/app/scripts/modules/core/src/pipeline/filter/ExecutionFilters.tsx
@@ -3,6 +3,7 @@ import * as React from 'react';
 import * as ReactGA from 'react-ga';
 import { get, isEmpty, orderBy, uniq } from 'lodash';
 import { Debounce } from 'lodash-decorators';
+import * as classnames from 'classnames';
 import { SortableContainer, SortableElement, SortableHandle, arrayMove, SortEnd } from 'react-sortable-hoc';
 import { Subscription } from 'rxjs';
 
@@ -290,7 +291,7 @@ const FilterCheckbox = (props: {
 
 const Pipeline = SortableElement(
   (props: { tag: IFilterTag; pipeline: string; dragEnabled: boolean; update: () => void }) => (
-    <div className="checkbox sortable">
+    <div className={classnames('checkbox sortable', { 'disable-user-select': props.dragEnabled })}>
       <div>
         <label>
           {props.dragEnabled && <DragHandle />}
diff --git a/app/scripts/modules/core/src/pipeline/filter/executionFilters.less b/app/scripts/modules/core/src/pipeline/filter/executionFilters.less
index 80a745812bf..07225ec2e18 100644
--- a/app/scripts/modules/core/src/pipeline/filter/executionFilters.less
+++ b/app/scripts/modules/core/src/pipeline/filter/executionFilters.less
@@ -1,4 +1,5 @@
-execution-filters, .execution-filters {
+execution-filters,
+.execution-filters {
   width: 100%;
   display: flex;
   .sortable {
@@ -9,5 +10,8 @@ execution-filters, .execution-filters {
       opacity: 0.7;
       font-size: 80%;
     }
+    &.disable-user-select {
+      user-select: none;
+    }
   }
 }