1 files changed, 8 insertions(+), 6 deletions(-)

M starkingdoms-client/src/components/ui/Popup.svelte

@@ 55,8 55,10 @@
 
     pos3 = e.clientX - popup_dimensions.left;
     pos4 = e.clientY - popup_dimensions.top;
-    document.onmouseup = closeDragElement;
-    document.onmousemove = elementDrag;
+    e.target.onmouseup = function() {
+      closeDragElement(e.target);
+    }
+    e.target.onmousemove = elementDrag;
   }
 
   function elementDrag(e) {


@@ 113,9 115,9 @@
     return [left, top, bounds_violated];
   }
 
-  function closeDragElement() {
-    document.onmouseup = null;
-    document.onmousemove = null;
+  function closeDragElement(el) {
+    el.onmouseup = null;
+    el.onmousemove = null;
 
     window.localStorage.setItem(`pop-${id}top`, popup.style.top);
     window.localStorage.setItem(`pop-${id}left`, popup.style.left);


@@ 131,7 133,7 @@
 
 <div bind:this={popup} class="popup {clazz}" class:centered {style} {id}>
   {#if !notitle}
-    <div bind:this={header} on:mousedown={dragMouseDown}>
+    <div bind:this={header} on:mousedown|preventDefault={dragMouseDown}>
       <h1>
         {#if draggable}
           <MovableIcon class="hdr-icon" />