1 files changed, 11 insertions, 5 deletions
diff --git a/src/client/views/nodes/MapBox/MapBox.tsx b/src/client/views/nodes/MapBox/MapBox.tsx
index bd631f942..58a43c55a 100644
--- a/src/client/views/nodes/MapBox/MapBox.tsx
+++ b/src/client/views/nodes/MapBox/MapBox.tsx
@@ -742,11 +742,17 @@ export class MapBox extends ViewBoxAnnotatableComponent<ViewBoxAnnotatableProps
 
     // Keeps track of when dragging a pin onto map
     draggingPin = false;
-    dragToggle(){
+    dragToggle = (e:React.PointerEvent) => {
         console.log("DRAGGING TOGGLE")
-        document.addEventListener('pointerup', this.dropPin)                   
+        document.addEventListener('drop', this.dropPin, true) 
+        document.addEventListener('pointermove', this.pinMove, true)
+        e.stopPropagation();                  
     }
-    dropPin = (e:PointerEvent) => {
+    pinMove = (e:PointerEvent) => {
+        console.log("MOVING");
+        e.stopPropagation();
+    }
+    dropPin = (e:DragEvent) => {
         // document.removeChild(ele);
         
               
@@ -759,13 +765,13 @@ export class MapBox extends ViewBoxAnnotatableComponent<ViewBoxAnnotatableProps
 console.log(location)
                 this.createPushpin(location.latitude, location.longitude);
                 
-                
+                e.stopPropagation();
 
                 break;
             }
             target = target.parentElement
         }  
-        document.removeEventListener('pointerup', this.dropPin)
+        document.removeEventListener('drop', this.dropPin)
     }