prosemirror-view 1.38.0 → 1.39.0

package/CHANGELOG.md

@@ -1,3 +1,23 @@
+## 1.39.0 (2025-04-04)
+
+### Bug fixes
+
+Fix an issue where, with some types of schemas, pressing Enter on Android with a Chinese keyboard wouldn't properly detect the Enter press.
+
+### New features
+
+The new `dragCopies` prop can be used to configure whether a drag event inside the editor copies or moves content.
+
+## 1.38.1 (2025-03-04)
+
+### Bug fixes
+
+Fix a regression in 1.38.0 that breaks scrolling back to the selection after Chrome tries to reset it on focus.
+
+Remove some internally used types from the public type declaration files. Include file extension in web test local imports
+
+Fix an issue where scrolling the cursor into view could inappropriately scroll parent nodes of absolutely positioned elements.
+
 ## 1.38.0 (2025-02-12)
 
 ### New features

package/dist/index.cjs

@@ -200,9 +200,12 @@ function scrollRectIntoView(view, rect, startDOM) {
   var scrollThreshold = view.someProp("scrollThreshold") || 0,
     scrollMargin = view.someProp("scrollMargin") || 5;
   var doc = view.dom.ownerDocument;
-  for (var parent = startDOM || view.dom;; parent = parentNode(parent)) {
+  for (var parent = startDOM || view.dom;;) {
     if (!parent) break;
-    if (parent.nodeType != 1) continue;
+    if (parent.nodeType != 1) {
+      parent = parentNode(parent);
+      continue;
+    }
     var elt = parent;
     var atTop = elt == doc.body;
     var bounding = atTop ? windowRect(doc) : clientRect(elt);
@@ -228,7 +231,9 @@ function scrollRectIntoView(view, rect, startDOM) {
         };
       }
     }
-    if (atTop || /^(fixed|sticky)$/.test(getComputedStyle(parent).position)) break;
+    var pos = atTop ? "fixed" : getComputedStyle(parent).position;
+    if (/^(fixed|sticky)$/.test(pos)) break;
+    parent = pos == "absolute" ? parent.offsetParent : parentNode(parent);
   }
 }
 function storeScrollPos(view) {
@@ -3406,6 +3411,7 @@ editHandlers.paste = function (view, _event) {
   if (view.composing && !android) return;
   var data = brokenClipboardAPI ? null : event.clipboardData;
   var plain = view.input.shiftKey && view.input.lastKeyCode != 45;
+  console.log("paste event", !!data, view.state.selection.from, view.state.selection.to);
   if (data && doPaste(view, getText(data), data.getData("text/html"), plain, event)) event.preventDefault();else capturePaste(view, event);
 };
 var Dragging = _createClass(function Dragging(slice, move, node) {
@@ -3415,6 +3421,12 @@ var Dragging = _createClass(function Dragging(slice, move, node) {
   this.node = node;
 });
 var dragCopyModifier = mac ? "altKey" : "ctrlKey";
+function dragMoves(view, event) {
+  var moves = view.someProp("dragCopies", function (test) {
+    return !test(event);
+  });
+  return moves != null ? moves : !event[dragCopyModifier];
+}
 handlers.dragstart = function (view, _event) {
   var event = _event;
   var mouseDown = view.input.mouseDown;
@@ -3438,7 +3450,7 @@ handlers.dragstart = function (view, _event) {
   event.dataTransfer.setData(brokenClipboardAPI ? "Text" : "text/html", dom.innerHTML);
   event.dataTransfer.effectAllowed = "copyMove";
   if (!brokenClipboardAPI) event.dataTransfer.setData("text/plain", text);
-  view.dragging = new Dragging(slice, !event[dragCopyModifier], node);
+  view.dragging = new Dragging(slice, dragMoves(view, event), node);
 };
 handlers.dragend = function (view) {
   var dragging = view.dragging;
@@ -3465,7 +3477,7 @@ editHandlers.drop = function (view, _event) {
   } else {
     slice = parseFromClipboard(view, getText(event.dataTransfer), brokenClipboardAPI ? null : event.dataTransfer.getData("text/html"), false, $mouse);
   }
-  var move = !!(dragging && !event[dragCopyModifier]);
+  var move = !!(dragging && dragMoves(view, event));
   if (view.someProp("handleDrop", function (f) {
     return f(view, event, slice || prosemirrorModel.Slice.empty, move);
   })) {
@@ -4369,6 +4381,7 @@ var DOMObserver = function () {
         view.input.lastFocus = 0;
         selectionToDOM(view);
         this.currentSelection.set(sel);
+        view.scrollToSelection();
       } else if (from > -1 || newSel) {
         if (from > -1) {
           view.docView.markDirty(from, to);
@@ -4656,7 +4669,7 @@ function readDOMChange(view, from, to, typeOver, addedNodes) {
   var nextSel;
   if ((ios && view.input.lastIOSEnter > Date.now() - 225 && (!inlineChange || addedNodes.some(function (n) {
     return n.nodeName == "DIV" || n.nodeName == "P";
-  })) || !inlineChange && $from.pos < parse.doc.content.size && !$from.sameParent($to) && (nextSel = prosemirrorState.Selection.findFrom(parse.doc.resolve($from.pos + 1), 1, true)) && nextSel.head == $to.pos) && view.someProp("handleKeyDown", function (f) {
+  })) || !inlineChange && $from.pos < parse.doc.content.size && (!$from.sameParent($to) || !$from.parent.inlineContent) && (nextSel = prosemirrorState.Selection.findFrom(parse.doc.resolve($from.pos + 1), 1, true)) && nextSel.head > $from.pos) && view.someProp("handleKeyDown", function (f) {
     return f(view, keyEvent(13, "Enter"));
   })) {
     view.input.lastIOSEnter = 0;

package/dist/index.d.cts

@@ -1,5 +1,5 @@
 import { EditorState, Transaction, Selection, Plugin } from 'prosemirror-state';
-import { Mark, Node, TagParseRule, Slice, ResolvedPos, DOMParser, DOMSerializer } from 'prosemirror-model';
+import { Mark, Node, Slice, ResolvedPos, DOMParser, DOMSerializer } from 'prosemirror-model';
 import { Mapping } from 'prosemirror-transform';
 
 type DOMNode = InstanceType<typeof window.Node>;
@@ -234,7 +234,6 @@ declare class DecorationGroup implements DecorationSource {
 
 declare global {
     interface Node {
-        pmViewDesc?: ViewDesc;
     }
 }
 /**
@@ -361,104 +360,6 @@ interface MarkView {
     */
     destroy?: () => void;
 }
-declare class ViewDesc {
-    parent: ViewDesc | undefined;
-    children: ViewDesc[];
-    dom: DOMNode;
-    contentDOM: HTMLElement | null;
-    dirty: number;
-    node: Node | null;
-    constructor(parent: ViewDesc | undefined, children: ViewDesc[], dom: DOMNode, contentDOM: HTMLElement | null);
-    matchesWidget(widget: Decoration): boolean;
-    matchesMark(mark: Mark): boolean;
-    matchesNode(node: Node, outerDeco: readonly Decoration[], innerDeco: DecorationSource): boolean;
-    matchesHack(nodeName: string): boolean;
-    parseRule(): Omit<TagParseRule, "tag"> | null;
-    stopEvent(event: Event): boolean;
-    get size(): number;
-    get border(): number;
-    destroy(): void;
-    posBeforeChild(child: ViewDesc): number;
-    get posBefore(): number;
-    get posAtStart(): number;
-    get posAfter(): number;
-    get posAtEnd(): number;
-    localPosFromDOM(dom: DOMNode, offset: number, bias: number): number;
-    nearestDesc(dom: DOMNode): ViewDesc | undefined;
-    nearestDesc(dom: DOMNode, onlyNodes: true): NodeViewDesc | undefined;
-    getDesc(dom: DOMNode): ViewDesc | undefined;
-    posFromDOM(dom: DOMNode, offset: number, bias: number): number;
-    descAt(pos: number): ViewDesc | undefined;
-    domFromPos(pos: number, side: number): {
-        node: DOMNode;
-        offset: number;
-        atom?: number;
-    };
-    parseRange(from: number, to: number, base?: number): {
-        node: DOMNode;
-        from: number;
-        to: number;
-        fromOffset: number;
-        toOffset: number;
-    };
-    emptyChildAt(side: number): boolean;
-    domAfterPos(pos: number): DOMNode;
-    setSelection(anchor: number, head: number, view: EditorView, force?: boolean): void;
-    ignoreMutation(mutation: ViewMutationRecord): boolean;
-    get contentLost(): boolean | null;
-    markDirty(from: number, to: number): void;
-    markParentsDirty(): void;
-    get domAtom(): boolean;
-    get ignoreForCoords(): boolean;
-    isText(text: string): boolean;
-}
-declare class NodeViewDesc extends ViewDesc {
-    node: Node;
-    outerDeco: readonly Decoration[];
-    innerDeco: DecorationSource;
-    readonly nodeDOM: DOMNode;
-    constructor(parent: ViewDesc | undefined, node: Node, outerDeco: readonly Decoration[], innerDeco: DecorationSource, dom: DOMNode, contentDOM: HTMLElement | null, nodeDOM: DOMNode, view: EditorView, pos: number);
-    static create(parent: ViewDesc | undefined, node: Node, outerDeco: readonly Decoration[], innerDeco: DecorationSource, view: EditorView, pos: number): NodeViewDesc | TextViewDesc;
-    parseRule(): Omit<TagParseRule, "tag"> | null;
-    matchesNode(node: Node, outerDeco: readonly Decoration[], innerDeco: DecorationSource): boolean;
-    get size(): number;
-    get border(): 0 | 1;
-    updateChildren(view: EditorView, pos: number): void;
-    localCompositionInfo(view: EditorView, pos: number): {
-        node: Text;
-        pos: number;
-        text: string;
-    } | null;
-    protectLocalComposition(view: EditorView, { node, pos, text }: {
-        node: Text;
-        pos: number;
-        text: string;
-    }): void;
-    update(node: Node, outerDeco: readonly Decoration[], innerDeco: DecorationSource, view: EditorView): boolean;
-    updateInner(node: Node, outerDeco: readonly Decoration[], innerDeco: DecorationSource, view: EditorView): void;
-    updateOuterDeco(outerDeco: readonly Decoration[]): void;
-    selectNode(): void;
-    deselectNode(): void;
-    get domAtom(): boolean;
-}
-declare class TextViewDesc extends NodeViewDesc {
-    constructor(parent: ViewDesc | undefined, node: Node, outerDeco: readonly Decoration[], innerDeco: DecorationSource, dom: DOMNode, nodeDOM: DOMNode, view: EditorView);
-    parseRule(): {
-        skip: any;
-    };
-    update(node: Node, outerDeco: readonly Decoration[], innerDeco: DecorationSource, view: EditorView): boolean;
-    inParent(): boolean;
-    domFromPos(pos: number): {
-        node: globalThis.Node;
-        offset: number;
-    };
-    localPosFromDOM(dom: DOMNode, offset: number, bias: number): number;
-    ignoreMutation(mutation: ViewMutationRecord): boolean;
-    slice(from: number, to: number, view: EditorView): TextViewDesc;
-    markDirty(from: number, to: number): void;
-    get domAtom(): boolean;
-    isText(text: string): boolean;
-}
 
 /**
 An editor view manages the DOM structure that represents an
@@ -798,6 +699,12 @@ interface EditorProps<P = any> {
     */
     handleScrollToSelection?: (this: P, view: EditorView) => boolean;
     /**
+    Determines whether an in-editor drag event should copy or move
+    the selection. When not given, the event's `altKey` property is
+    used on macOS, `ctrlKey` on other platforms.
+    */
+    dragCopies?: (event: DragEvent) => boolean;
+    /**
     Can be used to override the way a selection is created when
     reading a DOM selection between the given anchor and head.
     */

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import { EditorState, Transaction, Selection, Plugin } from 'prosemirror-state';
-import { Mark, Node, TagParseRule, Slice, ResolvedPos, DOMParser, DOMSerializer } from 'prosemirror-model';
+import { Mark, Node, Slice, ResolvedPos, DOMParser, DOMSerializer } from 'prosemirror-model';
 import { Mapping } from 'prosemirror-transform';
 
 type DOMNode = InstanceType<typeof window.Node>;
@@ -234,7 +234,6 @@ declare class DecorationGroup implements DecorationSource {
 
 declare global {
     interface Node {
-        pmViewDesc?: ViewDesc;
     }
 }
 /**
@@ -361,104 +360,6 @@ interface MarkView {
     */
     destroy?: () => void;
 }
-declare class ViewDesc {
-    parent: ViewDesc | undefined;
-    children: ViewDesc[];
-    dom: DOMNode;
-    contentDOM: HTMLElement | null;
-    dirty: number;
-    node: Node | null;
-    constructor(parent: ViewDesc | undefined, children: ViewDesc[], dom: DOMNode, contentDOM: HTMLElement | null);
-    matchesWidget(widget: Decoration): boolean;
-    matchesMark(mark: Mark): boolean;
-    matchesNode(node: Node, outerDeco: readonly Decoration[], innerDeco: DecorationSource): boolean;
-    matchesHack(nodeName: string): boolean;
-    parseRule(): Omit<TagParseRule, "tag"> | null;
-    stopEvent(event: Event): boolean;
-    get size(): number;
-    get border(): number;
-    destroy(): void;
-    posBeforeChild(child: ViewDesc): number;
-    get posBefore(): number;
-    get posAtStart(): number;
-    get posAfter(): number;
-    get posAtEnd(): number;
-    localPosFromDOM(dom: DOMNode, offset: number, bias: number): number;
-    nearestDesc(dom: DOMNode): ViewDesc | undefined;
-    nearestDesc(dom: DOMNode, onlyNodes: true): NodeViewDesc | undefined;
-    getDesc(dom: DOMNode): ViewDesc | undefined;
-    posFromDOM(dom: DOMNode, offset: number, bias: number): number;
-    descAt(pos: number): ViewDesc | undefined;
-    domFromPos(pos: number, side: number): {
-        node: DOMNode;
-        offset: number;
-        atom?: number;
-    };
-    parseRange(from: number, to: number, base?: number): {
-        node: DOMNode;
-        from: number;
-        to: number;
-        fromOffset: number;
-        toOffset: number;
-    };
-    emptyChildAt(side: number): boolean;
-    domAfterPos(pos: number): DOMNode;
-    setSelection(anchor: number, head: number, view: EditorView, force?: boolean): void;
-    ignoreMutation(mutation: ViewMutationRecord): boolean;
-    get contentLost(): boolean | null;
-    markDirty(from: number, to: number): void;
-    markParentsDirty(): void;
-    get domAtom(): boolean;
-    get ignoreForCoords(): boolean;
-    isText(text: string): boolean;
-}
-declare class NodeViewDesc extends ViewDesc {
-    node: Node;
-    outerDeco: readonly Decoration[];
-    innerDeco: DecorationSource;
-    readonly nodeDOM: DOMNode;
-    constructor(parent: ViewDesc | undefined, node: Node, outerDeco: readonly Decoration[], innerDeco: DecorationSource, dom: DOMNode, contentDOM: HTMLElement | null, nodeDOM: DOMNode, view: EditorView, pos: number);
-    static create(parent: ViewDesc | undefined, node: Node, outerDeco: readonly Decoration[], innerDeco: DecorationSource, view: EditorView, pos: number): NodeViewDesc | TextViewDesc;
-    parseRule(): Omit<TagParseRule, "tag"> | null;
-    matchesNode(node: Node, outerDeco: readonly Decoration[], innerDeco: DecorationSource): boolean;
-    get size(): number;
-    get border(): 0 | 1;
-    updateChildren(view: EditorView, pos: number): void;
-    localCompositionInfo(view: EditorView, pos: number): {
-        node: Text;
-        pos: number;
-        text: string;
-    } | null;
-    protectLocalComposition(view: EditorView, { node, pos, text }: {
-        node: Text;
-        pos: number;
-        text: string;
-    }): void;
-    update(node: Node, outerDeco: readonly Decoration[], innerDeco: DecorationSource, view: EditorView): boolean;
-    updateInner(node: Node, outerDeco: readonly Decoration[], innerDeco: DecorationSource, view: EditorView): void;
-    updateOuterDeco(outerDeco: readonly Decoration[]): void;
-    selectNode(): void;
-    deselectNode(): void;
-    get domAtom(): boolean;
-}
-declare class TextViewDesc extends NodeViewDesc {
-    constructor(parent: ViewDesc | undefined, node: Node, outerDeco: readonly Decoration[], innerDeco: DecorationSource, dom: DOMNode, nodeDOM: DOMNode, view: EditorView);
-    parseRule(): {
-        skip: any;
-    };
-    update(node: Node, outerDeco: readonly Decoration[], innerDeco: DecorationSource, view: EditorView): boolean;
-    inParent(): boolean;
-    domFromPos(pos: number): {
-        node: globalThis.Node;
-        offset: number;
-    };
-    localPosFromDOM(dom: DOMNode, offset: number, bias: number): number;
-    ignoreMutation(mutation: ViewMutationRecord): boolean;
-    slice(from: number, to: number, view: EditorView): TextViewDesc;
-    markDirty(from: number, to: number): void;
-    get domAtom(): boolean;
-    isText(text: string): boolean;
-}
 
 /**
 An editor view manages the DOM structure that represents an
@@ -798,6 +699,12 @@ interface EditorProps<P = any> {
     */
     handleScrollToSelection?: (this: P, view: EditorView) => boolean;
     /**
+    Determines whether an in-editor drag event should copy or move
+    the selection. When not given, the event's `altKey` property is
+    used on macOS, `ctrlKey` on other platforms.
+    */
+    dragCopies?: (event: DragEvent) => boolean;
+    /**
     Can be used to override the way a selection is created when
     reading a DOM selection between the given anchor and head.
     */

package/dist/index.js

@@ -201,11 +201,13 @@ function clientRect(node) {
 function scrollRectIntoView(view, rect, startDOM) {
     let scrollThreshold = view.someProp("scrollThreshold") || 0, scrollMargin = view.someProp("scrollMargin") || 5;
     let doc = view.dom.ownerDocument;
-    for (let parent = startDOM || view.dom;; parent = parentNode(parent)) {
+    for (let parent = startDOM || view.dom;;) {
         if (!parent)
             break;
-        if (parent.nodeType != 1)
+        if (parent.nodeType != 1) {
+            parent = parentNode(parent);
             continue;
+        }
         let elt = parent;
         let atTop = elt == doc.body;
         let bounding = atTop ? windowRect(doc) : clientRect(elt);
@@ -234,8 +236,10 @@ function scrollRectIntoView(view, rect, startDOM) {
                 rect = { left: rect.left - dX, top: rect.top - dY, right: rect.right - dX, bottom: rect.bottom - dY };
             }
         }
-        if (atTop || /^(fixed|sticky)$/.test(getComputedStyle(parent).position))
+        let pos = atTop ? "fixed" : getComputedStyle(parent).position;
+        if (/^(fixed|sticky)$/.test(pos))
             break;
+        parent = pos == "absolute" ? parent.offsetParent : parentNode(parent);
     }
 }
 // Store the scroll position of the editor's parent nodes, along with
@@ -3659,6 +3663,7 @@ editHandlers.paste = (view, _event) => {
         return;
     let data = brokenClipboardAPI ? null : event.clipboardData;
     let plain = view.input.shiftKey && view.input.lastKeyCode != 45;
+    console.log("paste event", !!data, view.state.selection.from, view.state.selection.to);
     if (data && doPaste(view, getText(data), data.getData("text/html"), plain, event))
         event.preventDefault();
     else
@@ -3672,6 +3677,10 @@ class Dragging {
     }
 }
 const dragCopyModifier = mac ? "altKey" : "ctrlKey";
+function dragMoves(view, event) {
+    let moves = view.someProp("dragCopies", test => !test(event));
+    return moves != null ? moves : !event[dragCopyModifier];
+}
 handlers.dragstart = (view, _event) => {
     let event = _event;
     let mouseDown = view.input.mouseDown;
@@ -3701,7 +3710,7 @@ handlers.dragstart = (view, _event) => {
     event.dataTransfer.effectAllowed = "copyMove";
     if (!brokenClipboardAPI)
         event.dataTransfer.setData("text/plain", text);
-    view.dragging = new Dragging(slice, !event[dragCopyModifier], node);
+    view.dragging = new Dragging(slice, dragMoves(view, event), node);
 };
 handlers.dragend = view => {
     let dragging = view.dragging;
@@ -3728,7 +3737,7 @@ editHandlers.drop = (view, _event) => {
     else {
         slice = parseFromClipboard(view, getText(event.dataTransfer), brokenClipboardAPI ? null : event.dataTransfer.getData("text/html"), false, $mouse);
     }
-    let move = !!(dragging && !event[dragCopyModifier]);
+    let move = !!(dragging && dragMoves(view, event));
     if (view.someProp("handleDrop", f => f(view, event, slice || Slice.empty, move))) {
         event.preventDefault();
         return;
@@ -4705,6 +4714,7 @@ class DOMObserver {
             view.input.lastFocus = 0;
             selectionToDOM(view);
             this.currentSelection.set(sel);
+            view.scrollToSelection();
         }
         else if (from > -1 || newSel) {
             if (from > -1) {
@@ -5012,9 +5022,10 @@ function readDOMChange(view, from, to, typeOver, addedNodes) {
     // as being an iOS enter press), just dispatch an Enter key instead.
     if (((ios && view.input.lastIOSEnter > Date.now() - 225 &&
         (!inlineChange || addedNodes.some(n => n.nodeName == "DIV" || n.nodeName == "P"))) ||
-        (!inlineChange && $from.pos < parse.doc.content.size && !$from.sameParent($to) &&
+        (!inlineChange && $from.pos < parse.doc.content.size &&
+            (!$from.sameParent($to) || !$from.parent.inlineContent) &&
             (nextSel = Selection.findFrom(parse.doc.resolve($from.pos + 1), 1, true)) &&
-            nextSel.head == $to.pos)) &&
+            nextSel.head > $from.pos)) &&
         view.someProp("handleKeyDown", f => f(view, keyEvent(13, "Enter")))) {
         view.input.lastIOSEnter = 0;
         return;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "prosemirror-view",
-  "version": "1.38.0",
+  "version": "1.39.0",
   "description": "ProseMirror's view component",
   "type": "module",
   "main": "dist/index.cjs",

package/src/domchange.ts

@@ -181,9 +181,10 @@ export function readDOMChange(view: EditorView, from: number, to: number, typeOv
   // as being an iOS enter press), just dispatch an Enter key instead.
   if (((browser.ios && view.input.lastIOSEnter > Date.now() - 225 &&
         (!inlineChange || addedNodes.some(n => n.nodeName == "DIV" || n.nodeName == "P"))) ||
-       (!inlineChange && $from.pos < parse.doc.content.size && !$from.sameParent($to) &&
+       (!inlineChange && $from.pos < parse.doc.content.size &&
+        (!$from.sameParent($to) || !$from.parent.inlineContent) &&
         (nextSel = Selection.findFrom(parse.doc.resolve($from.pos + 1), 1, true)) &&
-        nextSel.head == $to.pos)) &&
+        nextSel.head > $from.pos)) &&
       view.someProp("handleKeyDown", f => f(view, keyEvent(13, "Enter")))) {
     view.input.lastIOSEnter = 0
     return

package/src/domcoords.ts

@@ -32,9 +32,9 @@ function clientRect(node: HTMLElement): Rect {
 export function scrollRectIntoView(view: EditorView, rect: Rect, startDOM: Node) {
   let scrollThreshold = view.someProp("scrollThreshold") || 0, scrollMargin = view.someProp("scrollMargin") || 5
   let doc = view.dom.ownerDocument
-  for (let parent: Node | null = startDOM || view.dom;; parent = parentNode(parent)) {
+  for (let parent: Node | null = startDOM || view.dom;;) {
     if (!parent) break
-    if (parent.nodeType != 1) continue
+    if (parent.nodeType != 1) { parent = parentNode(parent); continue }
     let elt = parent as HTMLElement
     let atTop = elt == doc.body
     let bounding = atTop ? windowRect(doc) : clientRect(elt as HTMLElement)
@@ -60,7 +60,9 @@ export function scrollRectIntoView(view: EditorView, rect: Rect, startDOM: Node)
         rect = {left: rect.left - dX, top: rect.top - dY, right: rect.right - dX, bottom: rect.bottom - dY}
       }
     }
-    if (atTop || /^(fixed|sticky)$/.test(getComputedStyle(parent as HTMLElement).position)) break
+    let pos: string = atTop ? "fixed" : getComputedStyle(parent as HTMLElement).position
+    if (/^(fixed|sticky)$/.test(pos)) break
+    parent = pos == "absolute" ? (parent as HTMLElement).offsetParent : parentNode(parent)
   }
 }
 

package/src/domobserver.ts

@@ -211,6 +211,7 @@ export class DOMObserver {
       view.input.lastFocus = 0
       selectionToDOM(view)
       this.currentSelection.set(sel)
+      view.scrollToSelection()
     } else if (from > -1 || newSel) {
       if (from > -1) {
         view.docView.markDirty(from, to)

package/src/index.ts

@@ -51,7 +51,7 @@ export class EditorView {
   private prevDirectPlugins: readonly Plugin[] = []
   private pluginViews: PluginView[] = []
   /// @internal
-  domObserver!: DOMObserver
+  declare domObserver: DOMObserver
   /// Holds `true` when a hack node is needed in Firefox to prevent the
   /// [space is eaten issue](https://github.com/ProseMirror/prosemirror/issues/651)
   /// @internal
@@ -673,6 +673,11 @@ export interface EditorProps<P = any> {
   /// handlers or the default behavior should be tried.
   handleScrollToSelection?: (this: P, view: EditorView) => boolean
 
+  /// Determines whether an in-editor drag event should copy or move
+  /// the selection. When not given, the event's `altKey` property is
+  /// used on macOS, `ctrlKey` on other platforms.
+  dragCopies?: (event: DragEvent) => boolean
+
   /// Can be used to override the way a selection is created when
   /// reading a DOM selection between the given anchor and head.
   createSelectionBetween?: (this: P, view: EditorView, anchor: ResolvedPos, head: ResolvedPos) => Selection | null

package/src/input.ts

@@ -648,6 +648,7 @@ editHandlers.paste = (view, _event) => {
   if (view.composing && !browser.android) return
   let data = brokenClipboardAPI ? null : event.clipboardData
   let plain = view.input.shiftKey && view.input.lastKeyCode != 45
+  console.log("paste event", !!data, view.state.selection.from, view.state.selection.to)
   if (data && doPaste(view, getText(data), data.getData("text/html"), plain, event))
     event.preventDefault()
   else
@@ -660,6 +661,11 @@ export class Dragging {
 
 const dragCopyModifier: keyof DragEvent = browser.mac ? "altKey" : "ctrlKey"
 
+function dragMoves(view: EditorView, event: DragEvent) {
+  let moves = view.someProp("dragCopies", test => !test(event))
+  return moves != null ? moves : !event[dragCopyModifier]
+}
+
 handlers.dragstart = (view, _event) => {
   let event = _event as DragEvent
   let mouseDown = view.input.mouseDown
@@ -687,7 +693,7 @@ handlers.dragstart = (view, _event) => {
   // See https://github.com/ProseMirror/prosemirror/issues/1156
   event.dataTransfer.effectAllowed = "copyMove"
   if (!brokenClipboardAPI) event.dataTransfer.setData("text/plain", text)
-  view.dragging = new Dragging(slice, !event[dragCopyModifier], node)
+  view.dragging = new Dragging(slice, dragMoves(view, event), node)
 }
 
 handlers.dragend = view => {
@@ -716,7 +722,7 @@ editHandlers.drop = (view, _event) => {
     slice = parseFromClipboard(view, getText(event.dataTransfer),
                                brokenClipboardAPI ? null : event.dataTransfer.getData("text/html"), false, $mouse)
   }
-  let move = !!(dragging && !event[dragCopyModifier])
+  let move = !!(dragging && dragMoves(view, event))
   if (view.someProp("handleDrop", f => f(view, event, slice || Slice.empty, move))) {
     event.preventDefault()
     return

package/src/viewdesc.ts

@@ -7,7 +7,10 @@ import {Decoration, DecorationSource, WidgetConstructor, WidgetType, NodeType} f
 import {EditorView} from "./index"
 
 declare global {
-  interface Node { pmViewDesc?: ViewDesc }
+  interface Node { 
+    /// @internal
+    pmViewDesc?: ViewDesc 
+  }
 }
 
 /// A ViewMutationRecord represents a DOM
@@ -132,7 +135,7 @@ const NOT_DIRTY = 0, CHILD_DIRTY = 1, CONTENT_DIRTY = 2, NODE_DIRTY = 3
 // basic structure and shared methods.
 export class ViewDesc {
   dirty = NOT_DIRTY
-  node!: Node | null
+  declare node: Node | null
 
   constructor(
     public parent: ViewDesc | undefined,