From ac18e207a2886960c733329355edc3bcf142e8e5 Mon Sep 17 00:00:00 2001
From: Karan Purohit <karnpurohit@gmail.com>
Date: Tue, 14 Mar 2017 08:58:03 +0530
Subject: [PATCH] Registering mousemove and mouseup listener in mousedown
 event. Mousemove and Mouseup events are now listening over document.

---
 demos/minimap/minimap.js | 17 +++++++----------
 1 file changed, 7 insertions(+), 10 deletions(-)

diff --git a/demos/minimap/minimap.js b/demos/minimap/minimap.js
index 705e70767..6359503dd 100644
--- a/demos/minimap/minimap.js
+++ b/demos/minimap/minimap.js
@@ -105,9 +105,6 @@ Minimap.init = function(workspace, minimap){
 
   // Adding mouse events to the rectangle, to make it Draggable.
   this.mapDragger.addEventListener("mousedown", Minimap.mousedown,false);
-  this.mapDragger.addEventListener("mouseup", Minimap.mouseup);
-  this.mapDragger.addEventListener("mousemove", Minimap.mouseover);
-  this.mapDragger.addEventListener("mouseout", Minimap.mouseout);
 
   //When the window change, we need to resize the minimap window.
   window.addEventListener('resize', Minimap.repositionMinimap);
@@ -120,25 +117,25 @@ Minimap.init = function(workspace, minimap){
 };
 
 Minimap.mousedown = function(e){
+  document.addEventListener("mousemove", Minimap.mousemove);
+  document.addEventListener("mouseup", Minimap.mouseup);
   Minimap.isDragging=true;
   e.stopPropagation();
 };
 
 Minimap.mouseup = function(e){
   Minimap.isDragging = false;
+  document.removeEventListener("mousemove", Minimap.mousemove);
+  document.removeEventListener("mouseup", Minimap.mouseup);
   Minimap.updateMapDragger(e);
   e.stopPropagation();
 };
 
-Minimap.mouseout = function(){
-  Minimap.isDragging = false;
-};
-
-Minimap.mouseover = function(e){
+Minimap.mousemove = function(e){
   if(Minimap.isDragging){
     Minimap.updateMapDragger(e);
+    e.stopPropagation();
   }
-  e.stopPropagation();
 };
 
 /**
@@ -263,7 +260,7 @@ Minimap.updateMapDragger = function(e){
     finalX = 0;
   }
 
-  // Do not go below loew bound of scrollbar.
+  // Do not go below lower bound of scrollbar.
   if(finalY > maxValidY){
     finalY = maxValidY;
   }