fix: give editor focus when the user starts dragging the selection

josdejong · May 20, 2022 · 9bd28db · 9bd28db
1 parent ebc076a
commit 9bd28db
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 0 deletions.
diff --git a/src/lib/components/modes/treemode/JSONNode.svelte b/src/lib/components/modes/treemode/JSONNode.svelte
@@ -141,6 +141,7 @@
     // when left-clicking inside the current selection, do nothing: it can be the start of dragging
     if (isPathInsideSelection(context.getFullSelection(), path, anchorType)) {
       if (event.button === 0) {
+        context.focus()
         onDragSelectionStart(event)
       }
 

diff --git a/src/lib/components/modes/treemode/TreeMode.svelte b/src/lib/components/modes/treemode/TreeMode.svelte
@@ -2061,6 +2061,7 @@
     getFullState,
     getFullSelection,
     findElement,
+    focus,
     onPatch: handlePatch,
     onInsert: handleInsert,
     onExpand: handleExpand,

diff --git a/src/lib/types.js b/src/lib/types.js
@@ -306,6 +306,7 @@
  * @property {() => JSON} getFullState
  * @property {() => Selection} getFullSelection
  * @property {(path: Path) => Element | null} findElement
+ * @property {() => void} focus
  * @property {(operations: JSONPatchDocument, afterPatch?: AfterPatchCallback) => void} onPatch
  * @property {(type: InsertType) => void} onInsert
  * @property {(path: Path, expanded: boolean, recursive?: boolean = false) => void} onExpand