From cd6e220eada8a0ef4952a4fe4de8dd473fd0ef16 Mon Sep 17 00:00:00 2001
From: Valera Rozuvan <valera@edx.org>
Date: Fri, 4 Jan 2013 15:20:41 +0200
Subject: [PATCH] Fixed annoying bug whre if you dragged any part of the base
 image or other parts of the Drag and Drop problem, then the browser would
 start highlighting the elements.

---
 common/static/js/capa/drag_and_drop/base_image.js | 4 ++++
 common/static/js/capa/drag_and_drop/scroller.js   | 4 ++++
 common/static/js/capa/drag_and_drop/targets.js    | 4 ++++
 3 files changed, 12 insertions(+)

diff --git a/common/static/js/capa/drag_and_drop/base_image.js b/common/static/js/capa/drag_and_drop/base_image.js
index 0c9c15fd2e..0b64a7fd65 100644
--- a/common/static/js/capa/drag_and_drop/base_image.js
+++ b/common/static/js/capa/drag_and_drop/base_image.js
@@ -35,6 +35,10 @@ define(['logme'], function (logme) {
             state.baseImageEl.appendTo(baseImageElContainer);
             baseImageElContainer.appendTo(state.containerEl);
 
+            state.baseImageEl.mousedown(function (event) {
+                event.preventDefault();
+            });
+
             state.baseImageLoaded = true;
         });
         state.baseImageEl.error(function () {
diff --git a/common/static/js/capa/drag_and_drop/scroller.js b/common/static/js/capa/drag_and_drop/scroller.js
index 505785086d..c1fe867006 100644
--- a/common/static/js/capa/drag_and_drop/scroller.js
+++ b/common/static/js/capa/drag_and_drop/scroller.js
@@ -113,6 +113,10 @@ define(['logme'], function (logme) {
         );
         state.sliderEl.appendTo(showEl);
 
+        state.sliderEl.mousedown(function (event) {
+            event.preventDefault();
+        });
+
         moveRightEl = $(
             '<div ' +
                 'style=" ' +
diff --git a/common/static/js/capa/drag_and_drop/targets.js b/common/static/js/capa/drag_and_drop/targets.js
index e00bfdb4b5..fdd6678269 100644
--- a/common/static/js/capa/drag_and_drop/targets.js
+++ b/common/static/js/capa/drag_and_drop/targets.js
@@ -43,6 +43,10 @@ define(['logme'], function (logme) {
 
             targetEl.appendTo(state.baseImageEl.parent());
 
+            targetEl.mousedown(function (event) {
+                event.preventDefault();
+            });
+
             state.targets.push({
                 'id': obj.id,