From 61642688727d17b5cf7faf191a218493427ebf04 Mon Sep 17 00:00:00 2001
From: harshalitalele <harshalitalele@gmail.com>
Date: Wed, 25 Apr 2018 15:12:10 +0530
Subject: [PATCH] mouse tracker issue fixed

---
 openseadragon-draggable-navigator.js | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/openseadragon-draggable-navigator.js b/openseadragon-draggable-navigator.js
index 72bb225..1fdbdda 100644
--- a/openseadragon-draggable-navigator.js
+++ b/openseadragon-draggable-navigator.js
@@ -13,7 +13,8 @@
         var droppableElem = this.element, 
             navigatorParent = this.navigator.container.parentElement.parentElement, 
             draggableDivSize = 25, 
-            draggableItemId = "osd-draggable-nav";
+            draggableItemId = "osd-draggable-nav",
+            dragMouseTracker;
 
         if(isSet) {
             if(this.navigator._draggable) {
@@ -44,16 +45,16 @@
                 draggableDiv.setAttribute("draggable", "true");
                 navigatorParent.appendChild(draggableDiv);
 
-                droppableElem.addEventListener("dragover", function(event) {
-                    moveNavigator(event);
-                });
-                droppableElem.addEventListener("drop", function(event) {
-                    event.preventDefault();
-                    moveNavigator(event);
+                dragMouseTracker = new $.MouseTracker({
+                    element     : "osd-draggable-nav",
+                    dragHandler: $.delegate( this, function(event) {
+                        moveNavigator(event.originalEvent);
+                    } )
                 });
             }
             this.navigator._draggable = true;
         } else {
+            dragMouseTracker.destroy();
             var draggableDiv = document.getElementById(draggableItemId);
             draggableDiv.parentElement.removeChild(draggableDiv);
             this.navigator._draggable = false;