fix: Prevent drag event from being ignored (#3677)

ueberdosis · Feb 9, 2023 · 2b6e4e3 · 2b6e4e3
1 parent 33ef3f0
commit 2b6e4e3
Showing 1 changed file with 10 additions and 2 deletions.
diff --git a/packages/core/src/NodeView.ts b/packages/core/src/NodeView.ts
@@ -113,11 +113,12 @@ export class NodeView<
       return false
     }
 
+    const isDragEvent = event.type.startsWith('drag')
     const isDropEvent = event.type === 'drop'
     const isInput = ['INPUT', 'BUTTON', 'SELECT', 'TEXTAREA'].includes(target.tagName) || target.isContentEditable
 
     // any input event within node views should be ignored by ProseMirror
-    if (isInput && !isDropEvent) {
+    if (isInput && !isDropEvent && !isDragEvent) {
       return true
     }
 
@@ -129,7 +130,6 @@ export class NodeView<
     const isPasteEvent = event.type === 'paste'
     const isCutEvent = event.type === 'cut'
     const isClickEvent = event.type === 'mousedown'
-    const isDragEvent = event.type.startsWith('drag')
 
     // ProseMirror tries to drag selectable nodes
     // even if `draggable` is set to `false`
@@ -159,6 +159,14 @@ export class NodeView<
           { once: true },
         )
 
+        document.addEventListener(
+          'drop',
+          () => {
+            this.isDragging = false
+          },
+          { once: true },
+        )
+
         document.addEventListener(
           'mouseup',
           () => {