fix: insert area visible whilst selecting or dragging

josdejong · Apr 4, 2022 · 5d1e68f · 5d1e68f
1 parent c5de4d5
commit 5d1e68f
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/src/lib/components/modes/treemode/JSONNode.svelte b/src/lib/components/modes/treemode/JSONNode.svelte
@@ -275,6 +275,7 @@
       items,
       indexOffset: 0
     }
+    singleton.dragging = true
 
     document.addEventListener('mousemove', handleDragSelection, true)
     document.addEventListener('mouseup', handleDragSelectionEnd)
@@ -320,6 +321,7 @@
       }
 
       dragging = undefined
+      singleton.dragging = false
 
       document.removeEventListener('mousemove', handleDragSelection, true)
       document.removeEventListener('mouseup', handleDragSelectionEnd)
@@ -375,6 +377,10 @@
   }
 
   function handleMouseOver(event) {
+    if (singleton.selecting || singleton.dragging) {
+      return
+    }
+
     event.stopPropagation()
 
     if (isChildOfAttribute(event.target, 'data-type', 'selectable-value')) {

diff --git a/src/lib/components/modes/treemode/singleton.js b/src/lib/components/modes/treemode/singleton.js
@@ -1,7 +1,9 @@
 // used by JSONNode during dragging
 export const singleton = {
-  mousedown: false,
+  selecting: false,
   selectionAnchor: null, // Path
   selectionAnchorType: null, // Selection type
-  selectionFocus: null // Path
+  selectionFocus: null, // Path
+
+  dragging: false
 }