prosemirror-view 1.41.8 → 1.41.9

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+## 1.41.9 (2026-06-10)
+
+### Bug fixes
+
+Allow triple-click drag selection.
+
+Adjust an existing workaround to work around the fact that Chrome no longer fires key events for backspace during composition.
+
 ## 1.41.8 (2026-04-02)
 
 ### Bug fixes

package/dist/index.cjs

@@ -2201,11 +2201,11 @@ function selectionToDOM(view) {
   var sel = view.state.selection;
   syncNodeSelection(view, sel);
   if (!editorOwnsSelection(view)) return;
-  if (!force && view.input.mouseDown && view.input.mouseDown.allowDefault && chrome) {
+  var mouseDown = view.input.mouseDown;
+  if (!force && chrome && mouseDown) {
     var domSel = view.domSelectionRange(),
       curSel = view.domObserver.currentSelection;
-    if (domSel.anchorNode && curSel.anchorNode && isEquivalentPosition(domSel.anchorNode, domSel.anchorOffset, curSel.anchorNode, curSel.anchorOffset)) {
-      view.input.mouseDown.delayedSelectionSync = true;
+    if (domSel.anchorNode && curSel.anchorNode && isEquivalentPosition(domSel.anchorNode, domSel.anchorOffset, curSel.anchorNode, curSel.anchorOffset) && mouseDown.delaySelUpdate()) {
       view.domObserver.setCurSelection();
       return;
     }
@@ -2949,6 +2949,7 @@ function setSelectionOrigin(view, origin) {
   view.input.lastSelectionTime = Date.now();
 }
 function destroyInput(view) {
+  if (view.input.mouseDown) view.input.mouseDown.done();
   view.domObserver.stop();
   for (var type in view.input.eventHandlers) view.dom.removeEventListener(type, view.input.eventHandlers[type]);
   clearTimeout(view.input.composingTimeout);
@@ -2979,7 +2980,7 @@ function _dispatchEvent(view, event) {
 editHandlers.keydown = function (view, _event) {
   var event = _event;
   view.input.shiftKey = event.keyCode == 16 || event.shiftKey;
-  if (inOrNearComposition(view, event)) return;
+  if (inOrNearComposition(view)) return;
   view.input.lastKeyCode = event.keyCode;
   view.input.lastKeyCodeTime = Date.now();
   if (android && chrome && event.keyCode == 13) return;
@@ -3008,7 +3009,7 @@ editHandlers.keyup = function (view, event) {
 };
 editHandlers.keypress = function (view, _event) {
   var event = _event;
-  if (inOrNearComposition(view, event) || !event.charCode || event.ctrlKey && !event.altKey || mac && event.metaKey) return;
+  if (inOrNearComposition(view) || !event.charCode || event.ctrlKey && !event.altKey || mac && event.metaKey) return;
   if (view.someProp("handleKeyPress", function (f) {
     return f(view, event);
   })) {
@@ -3110,21 +3111,23 @@ function handleTripleClick(view, pos, inside, event) {
 }
 function defaultTripleClick(view, inside, event) {
   if (event.button != 0) return false;
+  var selection = selectionForTripleClick(view, inside, true),
+    doc = view.state.doc;
+  if (!selection) return false;
+  updateSelection(view, selection, "pointer");
+  if (selection instanceof prosemirrorState.TextSelection && doc.eq(view.state.doc)) view.input.mouseDown = new TripleClickDrag(view, selection);
+  return true;
+}
+function selectionForTripleClick(view, inside, selectNodes) {
   var doc = view.state.doc;
-  if (inside == -1) {
-    if (doc.inlineContent) {
-      updateSelection(view, prosemirrorState.TextSelection.create(doc, 0, doc.content.size), "pointer");
-      return true;
-    }
-    return false;
-  }
+  if (inside == -1) return doc.inlineContent ? prosemirrorState.TextSelection.create(doc, 0, doc.content.size) : null;
   var $pos = doc.resolve(inside);
   for (var i = $pos.depth + 1; i > 0; i--) {
     var node = i > $pos.depth ? $pos.nodeAfter : $pos.node(i);
     var nodePos = $pos.before(i);
-    if (node.inlineContent) updateSelection(view, prosemirrorState.TextSelection.create(doc, nodePos + 1, nodePos + 1 + node.content.size), "pointer");else if (prosemirrorState.NodeSelection.isSelectable(node)) updateSelection(view, prosemirrorState.NodeSelection.create(doc, nodePos), "pointer");else continue;
-    return true;
+    if (node.inlineContent) return prosemirrorState.TextSelection.create(doc, nodePos + 1, nodePos + 1 + node.content.size);else if (selectNodes && prosemirrorState.NodeSelection.isSelectable(node)) return prosemirrorState.NodeSelection.create(doc, nodePos);
   }
+  return null;
 }
 function forceDOMFlush(view) {
   return endComposition(view);
@@ -3146,11 +3149,11 @@ handlers.mousedown = function (view, _event) {
     type: type,
     button: event.button
   };
+  if (view.input.mouseDown) view.input.mouseDown.done();
   var pos = view.posAtCoords(eventCoords(event));
   if (!pos) return;
   if (type == "singleClick") {
-    if (view.input.mouseDown) view.input.mouseDown.done();
-    view.input.mouseDown = new MouseDown(view, pos, event, !!flushed);
+    view.input.mouseDown = new LeftMouseDown(view, pos, event, !!flushed);
   } else if ((type == "doubleClick" ? handleDoubleClick : handleTripleClick)(view, pos.pos, pos.inside, event)) {
     event.preventDefault();
   } else {
@@ -3158,18 +3161,52 @@ handlers.mousedown = function (view, _event) {
   }
 };
 var MouseDown = function () {
-  function MouseDown(view, pos, event, flushed) {
-    var _this8 = this;
+  function MouseDown(view) {
     _classCallCheck(this, MouseDown);
     this.view = view;
-    this.pos = pos;
-    this.event = event;
-    this.flushed = flushed;
-    this.delayedSelectionSync = false;
     this.mightDrag = null;
-    this.startDoc = view.state.doc;
-    this.selectNode = !!event[selectNodeModifier];
-    this.allowDefault = event.shiftKey;
+    view.root.addEventListener("mouseup", this.up = this.up.bind(this));
+    view.root.addEventListener("mousemove", this.move = this.move.bind(this));
+  }
+  _createClass(MouseDown, [{
+    key: "up",
+    value: function up(event) {
+      this.done();
+    }
+  }, {
+    key: "move",
+    value: function move(event) {
+      if (event.buttons == 0) this.done();
+    }
+  }, {
+    key: "done",
+    value: function done() {
+      this.view.root.removeEventListener("mouseup", this.up);
+      this.view.root.removeEventListener("mousemove", this.move);
+      if (this.view.input.mouseDown == this) this.view.input.mouseDown = null;
+    }
+  }, {
+    key: "delaySelUpdate",
+    value: function delaySelUpdate() {
+      return false;
+    }
+  }]);
+  return MouseDown;
+}();
+var LeftMouseDown = function (_MouseDown) {
+  _inherits(LeftMouseDown, _MouseDown);
+  var _super8 = _createSuper(LeftMouseDown);
+  function LeftMouseDown(view, pos, event, flushed) {
+    var _this8;
+    _classCallCheck(this, LeftMouseDown);
+    _this8 = _super8.call(this, view);
+    _this8.pos = pos;
+    _this8.event = event;
+    _this8.flushed = flushed;
+    _this8.delayedSelectionSync = false;
+    _this8.startDoc = view.state.doc;
+    _this8.selectNode = !!event[selectNodeModifier];
+    _this8.allowDefault = event.shiftKey;
     var targetNode, targetPos;
     if (pos.inside > -1) {
       targetNode = view.state.doc.nodeAt(pos.inside);
@@ -3181,32 +3218,30 @@ var MouseDown = function () {
     }
     var target = flushed ? null : event.target;
     var targetDesc = target ? view.docView.nearestDesc(target, true) : null;
-    this.target = targetDesc && targetDesc.nodeDOM.nodeType == 1 ? targetDesc.nodeDOM : null;
+    _this8.target = targetDesc && targetDesc.nodeDOM.nodeType == 1 ? targetDesc.nodeDOM : null;
     var selection = view.state.selection;
-    if (event.button == 0 && (targetNode.type.spec.draggable && targetNode.type.spec.selectable !== false || selection instanceof prosemirrorState.NodeSelection && selection.from <= targetPos && selection.to > targetPos)) this.mightDrag = {
+    if (event.button == 0 && (targetNode.type.spec.draggable && targetNode.type.spec.selectable !== false || selection instanceof prosemirrorState.NodeSelection && selection.from <= targetPos && selection.to > targetPos)) _this8.mightDrag = {
       node: targetNode,
       pos: targetPos,
-      addAttr: !!(this.target && !this.target.draggable),
-      setUneditable: !!(this.target && gecko && !this.target.hasAttribute("contentEditable"))
+      addAttr: !!(_this8.target && !_this8.target.draggable),
+      setUneditable: !!(_this8.target && gecko && !_this8.target.hasAttribute("contentEditable"))
     };
-    if (this.target && this.mightDrag && (this.mightDrag.addAttr || this.mightDrag.setUneditable)) {
-      this.view.domObserver.stop();
-      if (this.mightDrag.addAttr) this.target.draggable = true;
-      if (this.mightDrag.setUneditable) setTimeout(function () {
-        if (_this8.view.input.mouseDown == _this8) _this8.target.setAttribute("contentEditable", "false");
+    if (_this8.target && _this8.mightDrag && (_this8.mightDrag.addAttr || _this8.mightDrag.setUneditable)) {
+      _this8.view.domObserver.stop();
+      if (_this8.mightDrag.addAttr) _this8.target.draggable = true;
+      if (_this8.mightDrag.setUneditable) setTimeout(function () {
+        if (_this8.view.input.mouseDown == _assertThisInitialized(_this8)) _this8.target.setAttribute("contentEditable", "false");
       }, 20);
-      this.view.domObserver.start();
+      _this8.view.domObserver.start();
     }
-    view.root.addEventListener("mouseup", this.up = this.up.bind(this));
-    view.root.addEventListener("mousemove", this.move = this.move.bind(this));
     setSelectionOrigin(view, "pointer");
+    return _this8;
   }
-  _createClass(MouseDown, [{
+  _createClass(LeftMouseDown, [{
     key: "done",
     value: function done() {
       var _this9 = this;
-      this.view.root.removeEventListener("mouseup", this.up);
-      this.view.root.removeEventListener("mousemove", this.move);
+      _get(_getPrototypeOf(LeftMouseDown.prototype), "done", this).call(this);
       if (this.mightDrag && this.target) {
         this.view.domObserver.stop();
         if (this.mightDrag.addAttr) this.target.removeAttribute("draggable");
@@ -3214,9 +3249,8 @@ var MouseDown = function () {
         this.view.domObserver.start();
       }
       if (this.delayedSelectionSync) setTimeout(function () {
-        return selectionToDOM(_this9.view);
+        if (!_this9.view.isDestroyed) selectionToDOM(_this9.view);
       });
-      this.view.input.mouseDown = null;
     }
   }, {
     key: "up",
@@ -3242,16 +3276,57 @@ var MouseDown = function () {
     value: function move(event) {
       this.updateAllowDefault(event);
       setSelectionOrigin(this.view, "pointer");
-      if (event.buttons == 0) this.done();
+      _get(_getPrototypeOf(LeftMouseDown.prototype), "move", this).call(this, event);
     }
   }, {
     key: "updateAllowDefault",
     value: function updateAllowDefault(event) {
       if (!this.allowDefault && (Math.abs(this.event.x - event.clientX) > 4 || Math.abs(this.event.y - event.clientY) > 4)) this.allowDefault = true;
     }
+  }, {
+    key: "delaySelUpdate",
+    value: function delaySelUpdate() {
+      if (!this.allowDefault) return false;
+      this.delayedSelectionSync = true;
+      return true;
+    }
   }]);
-  return MouseDown;
-}();
+  return LeftMouseDown;
+}(MouseDown);
+var TripleClickDrag = function (_MouseDown2) {
+  _inherits(TripleClickDrag, _MouseDown2);
+  var _super9 = _createSuper(TripleClickDrag);
+  function TripleClickDrag(view, startSelection) {
+    var _this10;
+    _classCallCheck(this, TripleClickDrag);
+    _this10 = _super9.call(this, view);
+    _this10.startSelection = startSelection;
+    _this10.startDoc = view.state.doc;
+    return _this10;
+  }
+  _createClass(TripleClickDrag, [{
+    key: "move",
+    value: function move(event) {
+      if (event.buttons == 0 || this.view.isDestroyed || !this.view.state.doc.eq(this.startDoc)) {
+        this.done();
+        return;
+      }
+      event.preventDefault();
+      setSelectionOrigin(this.view, "pointer");
+      var pos = this.view.posAtCoords(eventCoords(event));
+      var target = pos && selectionForTripleClick(this.view, pos.inside, false);
+      if (!target) return;
+      var doc = this.view.state.doc,
+        start = this.startSelection;
+      var _ref5 = target.from < start.from ? [start.to, target.from] : [start.from, target.to],
+        _ref6 = _slicedToArray(_ref5, 2),
+        anchor = _ref6[0],
+        head = _ref6[1];
+      updateSelection(this.view, prosemirrorState.TextSelection.create(doc, anchor, head), "pointer");
+    }
+  }]);
+  return TripleClickDrag;
+}(MouseDown);
 handlers.touchstart = function (view) {
   view.input.lastTouch = Date.now();
   forceDOMFlush(view);
@@ -3266,7 +3341,7 @@ handlers.contextmenu = function (view) {
 };
 function inOrNearComposition(view, event) {
   if (view.composing) return true;
-  if (safari && Math.abs(event.timeStamp - view.input.compositionEndedAt) < 500) {
+  if (safari && Math.abs(Date.now() - view.input.compositionEndedAt) < 500) {
     view.input.compositionEndedAt = -2e8;
     return true;
   }
@@ -3317,7 +3392,7 @@ function selectionBeforeUneditable(view) {
 editHandlers.compositionend = function (view, event) {
   if (view.composing) {
     view.input.composing = false;
-    view.input.compositionEndedAt = event.timeStamp;
+    view.input.compositionEndedAt = Date.now();
     view.input.compositionPendingChanges = view.domObserver.pendingRecords().length ? view.input.compositionID : 0;
     view.input.compositionNode = null;
     if (view.input.badSafariComposition) view.domObserver.forceFlush();else if (view.input.compositionPendingChanges) Promise.resolve().then(function () {
@@ -3336,7 +3411,7 @@ function scheduleComposeEnd(view, delay) {
 function clearComposition(view) {
   if (view.composing) {
     view.input.composing = false;
-    view.input.compositionEndedAt = timestampFromCustomEvent();
+    view.input.compositionEndedAt = Date.now();
   }
   while (view.input.compositionNodes.length > 0) view.input.compositionNodes.pop().markParentsDirty();
 }
@@ -3358,11 +3433,6 @@ function findCompositionNode(view) {
   }
   return textBefore || textAfter;
 }
-function timestampFromCustomEvent() {
-  var event = document.createEvent("Event");
-  event.initEvent("event", true, true);
-  return event.timeStamp;
-}
 function endComposition(view) {
   var restarting = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
   if (android && view.domObserver.flushingSoon >= 0) return;
@@ -3815,14 +3885,14 @@ var DecorationSet = function () {
   }, {
     key: "addInner",
     value: function addInner(doc, decorations, offset) {
-      var _this10 = this;
+      var _this11 = this;
       var children,
         childIndex = 0;
       doc.forEach(function (childNode, childOffset) {
         var baseOffset = childOffset + offset,
           found;
         if (!(found = takeSpansForNode(decorations, childNode, baseOffset))) return;
-        if (!children) children = _this10.children.slice();
+        if (!children) children = _this11.children.slice();
         while (childIndex < children.length && children[childIndex] < childOffset) childIndex += 3;
         if (children[childIndex] == childOffset) children[childIndex + 2] = children[childIndex + 2].addInner(childNode, found, baseOffset + 1);else children.splice(childIndex, 0, childOffset, childOffset + childNode.nodeSize, buildTree(found, childNode, baseOffset + 1, noSpec));
         childIndex += 3;
@@ -4224,7 +4294,7 @@ var SelectionState = function () {
 }();
 var DOMObserver = function () {
   function DOMObserver(view, handleDOMChange) {
-    var _this11 = this;
+    var _this12 = this;
     _classCallCheck(this, DOMObserver);
     this.view = view;
     this.handleDOMChange = handleDOMChange;
@@ -4236,28 +4306,28 @@ var DOMObserver = function () {
     this.suppressingSelectionUpdates = false;
     this.lastChangedTextNode = null;
     this.observer = window.MutationObserver && new window.MutationObserver(function (mutations) {
-      for (var i = 0; i < mutations.length; i++) _this11.queue.push(mutations[i]);
+      for (var i = 0; i < mutations.length; i++) _this12.queue.push(mutations[i]);
       if (ie && ie_version <= 11 && mutations.some(function (m) {
         return m.type == "childList" && m.removedNodes.length || m.type == "characterData" && m.oldValue.length > m.target.nodeValue.length;
       })) {
-        _this11.flushSoon();
+        _this12.flushSoon();
       } else if (safari && view.composing && mutations.some(function (m) {
         return m.type == "childList" && m.target.nodeName == "TR";
       })) {
         view.input.badSafariComposition = true;
-        _this11.flushSoon();
+        _this12.flushSoon();
       } else {
-        _this11.flush();
+        _this12.flush();
       }
     });
     if (useCharData) {
       this.onCharData = function (e) {
-        _this11.queue.push({
+        _this12.queue.push({
           target: e.target,
           type: "characterData",
           oldValue: e.prevValue
         });
-        _this11.flushSoon();
+        _this12.flushSoon();
       };
     }
     this.onSelectionChange = this.onSelectionChange.bind(this);
@@ -4265,10 +4335,10 @@ var DOMObserver = function () {
   _createClass(DOMObserver, [{
     key: "flushSoon",
     value: function flushSoon() {
-      var _this12 = this;
+      var _this13 = this;
       if (this.flushingSoon < 0) this.flushingSoon = window.setTimeout(function () {
-        _this12.flushingSoon = -1;
-        _this12.flush();
+        _this13.flushingSoon = -1;
+        _this13.flush();
       }, 20);
     }
   }, {
@@ -4293,13 +4363,13 @@ var DOMObserver = function () {
   }, {
     key: "stop",
     value: function stop() {
-      var _this13 = this;
+      var _this14 = this;
       if (this.observer) {
         var take = this.observer.takeRecords();
         if (take.length) {
           for (var i = 0; i < take.length; i++) this.queue.push(take[i]);
           window.setTimeout(function () {
-            return _this13.flush();
+            return _this14.flush();
           }, 20);
         }
         this.observer.disconnect();
@@ -4320,10 +4390,10 @@ var DOMObserver = function () {
   }, {
     key: "suppressSelectionUpdates",
     value: function suppressSelectionUpdates() {
-      var _this14 = this;
+      var _this15 = this;
       this.suppressingSelectionUpdates = true;
       setTimeout(function () {
-        return _this14.suppressingSelectionUpdates = false;
+        return _this15.suppressingSelectionUpdates = false;
       }, 50);
     }
   }, {
@@ -4406,7 +4476,9 @@ var DOMObserver = function () {
       }
       if (added.some(function (n) {
         return n.nodeName == "BR";
-      }) && (view.input.lastKeyCode == 8 || view.input.lastKeyCode == 46)) {
+      }) && (view.input.lastKeyCode == 8 || view.input.lastKeyCode == 46 || chrome && (view.composing || view.input.compositionEndedAt > Date.now() - 50) && mutations.some(function (m) {
+        return m.type == "childList" && m.removedNodes.length;
+      }))) {
         var _iterator3 = _createForOfIteratorHelper(added),
           _step3;
         try {
@@ -4546,11 +4618,11 @@ function rangeToSelectionRange(view, range) {
     focusOffset = range.endOffset;
   var currentAnchor = view.domAtPos(view.state.selection.anchor);
   if (isEquivalentPosition(currentAnchor.node, currentAnchor.offset, focusNode, focusOffset)) {
-    var _ref5 = [focusNode, focusOffset, anchorNode, anchorOffset];
-    anchorNode = _ref5[0];
-    anchorOffset = _ref5[1];
-    focusNode = _ref5[2];
-    focusOffset = _ref5[3];
+    var _ref7 = [focusNode, focusOffset, anchorNode, anchorOffset];
+    anchorNode = _ref7[0];
+    anchorOffset = _ref7[1];
+    focusNode = _ref7[2];
+    focusOffset = _ref7[3];
   }
   return {
     anchorNode: anchorNode,
@@ -4914,25 +4986,25 @@ function skipClosingAndOpening($pos, fromEnd, mayOpen) {
   return end;
 }
 function findDiff(a, b, pos, preferredPos, preferredSide) {
-  var start = a.findDiffStart(b, pos);
+  var start = a.findDiffStart(b, pos),
+    lenA = pos + a.size,
+    lenB = pos + b.size;
   if (start == null) return null;
-  var _a$findDiffEnd = a.findDiffEnd(b, pos + a.size, pos + b.size),
+  var _a$findDiffEnd = a.findDiffEnd(b, lenA, lenB),
     endA = _a$findDiffEnd.a,
     endB = _a$findDiffEnd.b;
   if (preferredSide == "end") {
     var adjust = Math.max(0, start - Math.min(endA, endB));
     preferredPos -= endA + adjust - start;
   }
-  if (endA < start && a.size < b.size) {
+  if (endA < start && lenA < lenB) {
     var move = preferredPos <= start && preferredPos >= endA ? start - preferredPos : 0;
     start -= move;
-    if (start && start < b.size && isSurrogatePair(b.textBetween(start - 1, start + 1))) start += move ? 1 : -1;
     endB = start + (endB - endA);
     endA = start;
   } else if (endB < start) {
     var _move = preferredPos <= start && preferredPos >= endB ? start - preferredPos : 0;
     start -= _move;
-    if (start && start < a.size && isSurrogatePair(a.textBetween(start - 1, start + 1))) start += _move ? 1 : -1;
     endA = start + (endA - endB);
     endB = start;
   }
@@ -4942,17 +5014,11 @@ function findDiff(a, b, pos, preferredPos, preferredSide) {
     endB: endB
   };
 }
-function isSurrogatePair(str) {
-  if (str.length != 2) return false;
-  var a = str.charCodeAt(0),
-    b = str.charCodeAt(1);
-  return a >= 0xDC00 && a <= 0xDFFF && b >= 0xD800 && b <= 0xDBFF;
-}
 var __parseFromClipboard = parseFromClipboard;
 var __endComposition = endComposition;
 var EditorView = function () {
   function EditorView(place, props) {
-    var _this15 = this;
+    var _this16 = this;
     _classCallCheck(this, EditorView);
     this._root = null;
     this.focused = false;
@@ -4980,7 +5046,7 @@ var EditorView = function () {
     this.nodeViews = buildNodeViews(this);
     this.docView = docViewDesc(this.state.doc, computeDocDeco(this), viewDecorations(this), this.dom, this);
     this.domObserver = new DOMObserver(this, function (from, to, typeOver, added) {
-      return readDOMChange(_this15, from, to, typeOver, added);
+      return readDOMChange(_this16, from, to, typeOver, added);
     });
     this.domObserver.start();
     initInput(this);
@@ -5072,7 +5138,8 @@ var EditorView = function () {
           }
           if (chromeKludge && (!this.trackWrites || !this.dom.contains(this.trackWrites))) forceSelUpdate = true;
         }
-        if (forceSelUpdate || !(this.input.mouseDown && this.domObserver.currentSelection.eq(this.domSelectionRange()) && anchorInRightPlace(this))) {
+        var mouseDown = this.input.mouseDown;
+        if (forceSelUpdate || !(mouseDown && this.domObserver.currentSelection.eq(this.domSelectionRange()) && anchorInRightPlace(this) && mouseDown.delaySelUpdate())) {
           selectionToDOM(this, forceSelUpdate);
         } else {
           syncNodeSelection(this, state.selection);
@@ -5093,10 +5160,10 @@ var EditorView = function () {
   }, {
     key: "scrollToSelection",
     value: function scrollToSelection() {
-      var _this16 = this;
+      var _this17 = this;
       var startDOM = this.domSelectionRange().focusNode;
       if (!startDOM || !this.dom.contains(startDOM.nodeType == 1 ? startDOM : startDOM.parentNode)) ;else if (this.someProp("handleScrollToSelection", function (f) {
-        return f(_this16);
+        return f(_this17);
       })) ;else if (this.state.selection instanceof prosemirrorState.NodeSelection) {
         var target = this.docView.domAfterPos(this.state.selection.from);
         if (target.nodeType == 1) scrollRectIntoView(this, target.getBoundingClientRect(), startDOM);
@@ -5187,7 +5254,7 @@ var EditorView = function () {
   }, {
     key: "root",
     get: function get() {
-      var _this17 = this;
+      var _this18 = this;
       var cached = this._root;
       if (cached == null) {
         var _loop5 = function _loop5(search) {
@@ -5196,7 +5263,7 @@ var EditorView = function () {
                 return search.ownerDocument.getSelection();
               };
               return {
-                v: _this17._root = search
+                v: _this18._root = search
               };
             }
           },

package/dist/index.js

@@ -2244,14 +2244,14 @@ function selectionToDOM(view, force = false) {
     syncNodeSelection(view, sel);
     if (!editorOwnsSelection(view))
         return;
-    // The delayed drag selection causes issues with Cell Selections
-    // in Safari. And the drag selection delay is to workarond issues
-    // which only present in Chrome.
-    if (!force && view.input.mouseDown && view.input.mouseDown.allowDefault && chrome) {
+    // Need to delay selection normalization during a native selection
+    // drag on Chrome, or it will cause further dragging to glitch.
+    let mouseDown = view.input.mouseDown;
+    if (!force && chrome && mouseDown) {
         let domSel = view.domSelectionRange(), curSel = view.domObserver.currentSelection;
         if (domSel.anchorNode && curSel.anchorNode &&
-            isEquivalentPosition(domSel.anchorNode, domSel.anchorOffset, curSel.anchorNode, curSel.anchorOffset)) {
-            view.input.mouseDown.delayedSelectionSync = true;
+            isEquivalentPosition(domSel.anchorNode, domSel.anchorOffset, curSel.anchorNode, curSel.anchorOffset) &&
+            mouseDown.delaySelUpdate()) {
             view.domObserver.setCurSelection();
             return;
         }
@@ -3103,6 +3103,8 @@ function setSelectionOrigin(view, origin) {
     view.input.lastSelectionTime = Date.now();
 }
 function destroyInput(view) {
+    if (view.input.mouseDown)
+        view.input.mouseDown.done();
     view.domObserver.stop();
     for (let type in view.input.eventHandlers)
         view.dom.removeEventListener(type, view.input.eventHandlers[type]);
@@ -3141,7 +3143,7 @@ function dispatchEvent(view, event) {
 editHandlers.keydown = (view, _event) => {
     let event = _event;
     view.input.shiftKey = event.keyCode == 16 || event.shiftKey;
-    if (inOrNearComposition(view, event))
+    if (inOrNearComposition(view))
         return;
     view.input.lastKeyCode = event.keyCode;
     view.input.lastKeyCodeTime = Date.now();
@@ -3179,7 +3181,7 @@ editHandlers.keyup = (view, event) => {
 };
 editHandlers.keypress = (view, _event) => {
     let event = _event;
-    if (inOrNearComposition(view, event) || !event.charCode ||
+    if (inOrNearComposition(view) || !event.charCode ||
         event.ctrlKey && !event.altKey || mac && event.metaKey)
         return;
     if (view.someProp("handleKeyPress", f => f(view, event))) {
@@ -3274,26 +3276,28 @@ function handleTripleClick(view, pos, inside, event) {
 function defaultTripleClick(view, inside, event) {
     if (event.button != 0)
         return false;
-    let doc = view.state.doc;
-    if (inside == -1) {
-        if (doc.inlineContent) {
-            updateSelection(view, TextSelection.create(doc, 0, doc.content.size), "pointer");
-            return true;
-        }
+    let selection = selectionForTripleClick(view, inside, true), doc = view.state.doc;
+    if (!selection)
         return false;
-    }
+    updateSelection(view, selection, "pointer");
+    if (selection instanceof TextSelection && doc.eq(view.state.doc))
+        view.input.mouseDown = new TripleClickDrag(view, selection);
+    return true;
+}
+function selectionForTripleClick(view, inside, selectNodes) {
+    let doc = view.state.doc;
+    if (inside == -1)
+        return doc.inlineContent ? TextSelection.create(doc, 0, doc.content.size) : null;
     let $pos = doc.resolve(inside);
     for (let i = $pos.depth + 1; i > 0; i--) {
         let node = i > $pos.depth ? $pos.nodeAfter : $pos.node(i);
         let nodePos = $pos.before(i);
         if (node.inlineContent)
-            updateSelection(view, TextSelection.create(doc, nodePos + 1, nodePos + 1 + node.content.size), "pointer");
-        else if (NodeSelection.isSelectable(node))
-            updateSelection(view, NodeSelection.create(doc, nodePos), "pointer");
-        else
-            continue;
-        return true;
+            return TextSelection.create(doc, nodePos + 1, nodePos + 1 + node.content.size);
+        else if (selectNodes && NodeSelection.isSelectable(node))
+            return NodeSelection.create(doc, nodePos);
     }
+    return null;
 }
 function forceDOMFlush(view) {
     return endComposition(view);
@@ -3312,13 +3316,13 @@ handlers.mousedown = (view, _event) => {
             type = "tripleClick";
     }
     view.input.lastClick = { time: now, x: event.clientX, y: event.clientY, type, button: event.button };
+    if (view.input.mouseDown)
+        view.input.mouseDown.done();
     let pos = view.posAtCoords(eventCoords(event));
     if (!pos)
         return;
     if (type == "singleClick") {
-        if (view.input.mouseDown)
-            view.input.mouseDown.done();
-        view.input.mouseDown = new MouseDown(view, pos, event, !!flushed);
+        view.input.mouseDown = new LeftMouseDown(view, pos, event, !!flushed);
     }
     else if ((type == "doubleClick" ? handleDoubleClick : handleTripleClick)(view, pos.pos, pos.inside, event)) {
         event.preventDefault();
@@ -3328,13 +3332,34 @@ handlers.mousedown = (view, _event) => {
     }
 };
 class MouseDown {
-    constructor(view, pos, event, flushed) {
+    constructor(view) {
         this.view = view;
+        this.mightDrag = null;
+        view.root.addEventListener("mouseup", this.up = this.up.bind(this));
+        view.root.addEventListener("mousemove", this.move = this.move.bind(this));
+    }
+    up(event) {
+        this.done();
+    }
+    move(event) {
+        if (event.buttons == 0)
+            this.done();
+    }
+    done() {
+        this.view.root.removeEventListener("mouseup", this.up);
+        this.view.root.removeEventListener("mousemove", this.move);
+        if (this.view.input.mouseDown == this)
+            this.view.input.mouseDown = null;
+    }
+    delaySelUpdate() { return false; }
+}
+class LeftMouseDown extends MouseDown {
+    constructor(view, pos, event, flushed) {
+        super(view);
         this.pos = pos;
         this.event = event;
         this.flushed = flushed;
         this.delayedSelectionSync = false;
-        this.mightDrag = null;
         this.startDoc = view.state.doc;
         this.selectNode = !!event[selectNodeModifier];
         this.allowDefault = event.shiftKey;
@@ -3372,13 +3397,10 @@ class MouseDown {
                 }, 20);
             this.view.domObserver.start();
         }
-        view.root.addEventListener("mouseup", this.up = this.up.bind(this));
-        view.root.addEventListener("mousemove", this.move = this.move.bind(this));
         setSelectionOrigin(view, "pointer");
     }
     done() {
-        this.view.root.removeEventListener("mouseup", this.up);
-        this.view.root.removeEventListener("mousemove", this.move);
+        super.done();
         if (this.mightDrag && this.target) {
             this.view.domObserver.stop();
             if (this.mightDrag.addAttr)
@@ -3388,8 +3410,10 @@ class MouseDown {
             this.view.domObserver.start();
         }
         if (this.delayedSelectionSync)
-            setTimeout(() => selectionToDOM(this.view));
-        this.view.input.mouseDown = null;
+            setTimeout(() => {
+                if (!this.view.isDestroyed)
+                    selectionToDOM(this.view);
+            });
     }
     up(event) {
         this.done();
@@ -3428,14 +3452,41 @@ class MouseDown {
     move(event) {
         this.updateAllowDefault(event);
         setSelectionOrigin(this.view, "pointer");
-        if (event.buttons == 0)
-            this.done();
+        super.move(event);
     }
     updateAllowDefault(event) {
         if (!this.allowDefault && (Math.abs(this.event.x - event.clientX) > 4 ||
             Math.abs(this.event.y - event.clientY) > 4))
             this.allowDefault = true;
     }
+    delaySelUpdate() {
+        if (!this.allowDefault)
+            return false;
+        this.delayedSelectionSync = true;
+        return true;
+    }
+}
+class TripleClickDrag extends MouseDown {
+    constructor(view, startSelection) {
+        super(view);
+        this.startSelection = startSelection;
+        this.startDoc = view.state.doc;
+    }
+    move(event) {
+        if (event.buttons == 0 || this.view.isDestroyed || !this.view.state.doc.eq(this.startDoc)) {
+            this.done();
+            return;
+        }
+        event.preventDefault();
+        setSelectionOrigin(this.view, "pointer");
+        let pos = this.view.posAtCoords(eventCoords(event));
+        let target = pos && selectionForTripleClick(this.view, pos.inside, false);
+        if (!target)
+            return;
+        let { doc } = this.view.state, start = this.startSelection;
+        let [anchor, head] = target.from < start.from ? [start.to, target.from] : [start.from, target.to];
+        updateSelection(this.view, TextSelection.create(doc, anchor, head), "pointer");
+    }
 }
 handlers.touchstart = view => {
     view.input.lastTouch = Date.now();
@@ -3460,7 +3511,7 @@ function inOrNearComposition(view, event) {
     // This guards against the case where compositionend is triggered without the keyboard
     // (e.g. character confirmation may be done with the mouse), and keydown is triggered
     // afterwards- we wouldn't want to ignore the keydown event in this case.
-    if (safari && Math.abs(event.timeStamp - view.input.compositionEndedAt) < 500) {
+    if (safari && Math.abs(Date.now() - view.input.compositionEndedAt) < 500) {
         view.input.compositionEndedAt = -2e8;
         return true;
     }
@@ -3519,7 +3570,7 @@ function selectionBeforeUneditable(view) {
 editHandlers.compositionend = (view, event) => {
     if (view.composing) {
         view.input.composing = false;
-        view.input.compositionEndedAt = event.timeStamp;
+        view.input.compositionEndedAt = Date.now();
         view.input.compositionPendingChanges = view.domObserver.pendingRecords().length ? view.input.compositionID : 0;
         view.input.compositionNode = null;
         if (view.input.badSafariComposition)
@@ -3538,7 +3589,7 @@ function scheduleComposeEnd(view, delay) {
 function clearComposition(view) {
     if (view.composing) {
         view.input.composing = false;
-        view.input.compositionEndedAt = timestampFromCustomEvent();
+        view.input.compositionEndedAt = Date.now();
     }
     while (view.input.compositionNodes.length > 0)
         view.input.compositionNodes.pop().markParentsDirty();
@@ -3564,11 +3615,6 @@ function findCompositionNode(view) {
     }
     return textBefore || textAfter;
 }
-function timestampFromCustomEvent() {
-    let event = document.createEvent("Event");
-    event.initEvent("event", true, true);
-    return event.timeStamp;
-}
 /**
 @internal
 */
@@ -4725,7 +4771,10 @@ class DOMObserver {
                 }
             }
         }
-        if (added.some(n => n.nodeName == "BR") && (view.input.lastKeyCode == 8 || view.input.lastKeyCode == 46)) {
+        if (added.some(n => n.nodeName == "BR") &&
+            (view.input.lastKeyCode == 8 || view.input.lastKeyCode == 46 ||
+                chrome && (view.composing || view.input.compositionEndedAt > Date.now() - 50) &&
+                    mutations.some(m => m.type == "childList" && m.removedNodes.length))) {
             // Browsers sometimes insert a bogus break node if you
             // backspace out the last bit of text before an inline-flex node (#1552)
             for (let node of added)
@@ -5281,38 +5330,28 @@ function skipClosingAndOpening($pos, fromEnd, mayOpen) {
     return end;
 }
 function findDiff(a, b, pos, preferredPos, preferredSide) {
-    let start = a.findDiffStart(b, pos);
+    let start = a.findDiffStart(b, pos), lenA = pos + a.size, lenB = pos + b.size;
     if (start == null)
         return null;
-    let { a: endA, b: endB } = a.findDiffEnd(b, pos + a.size, pos + b.size);
+    let { a: endA, b: endB } = a.findDiffEnd(b, lenA, lenB);
     if (preferredSide == "end") {
         let adjust = Math.max(0, start - Math.min(endA, endB));
         preferredPos -= endA + adjust - start;
     }
-    if (endA < start && a.size < b.size) {
+    if (endA < start && lenA < lenB) {
         let move = preferredPos <= start && preferredPos >= endA ? start - preferredPos : 0;
         start -= move;
-        if (start && start < b.size && isSurrogatePair(b.textBetween(start - 1, start + 1)))
-            start += move ? 1 : -1;
         endB = start + (endB - endA);
         endA = start;
     }
     else if (endB < start) {
         let move = preferredPos <= start && preferredPos >= endB ? start - preferredPos : 0;
         start -= move;
-        if (start && start < a.size && isSurrogatePair(a.textBetween(start - 1, start + 1)))
-            start += move ? 1 : -1;
         endA = start + (endA - endB);
         endB = start;
     }
     return { start, endA, endB };
 }
-function isSurrogatePair(str) {
-    if (str.length != 2)
-        return false;
-    let a = str.charCodeAt(0), b = str.charCodeAt(1);
-    return a >= 0xDC00 && a <= 0xDFFF && b >= 0xD800 && b <= 0xDBFF;
-}
 
 /**
 @internal
@@ -5513,9 +5552,10 @@ class EditorView {
             // a DOM selection change and the "selectionchange" event for it
             // can cause a spurious DOM selection update, disrupting mouse
             // drag selection.
+            let mouseDown = this.input.mouseDown;
             if (forceSelUpdate ||
-                !(this.input.mouseDown && this.domObserver.currentSelection.eq(this.domSelectionRange()) &&
-                    anchorInRightPlace(this))) {
+                !(mouseDown && this.domObserver.currentSelection.eq(this.domSelectionRange()) &&
+                    anchorInRightPlace(this) && mouseDown.delaySelUpdate())) {
                 selectionToDOM(this, forceSelUpdate);
             }
             else {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "prosemirror-view",
-  "version": "1.41.8",
+  "version": "1.41.9",
   "description": "ProseMirror's view component",
   "type": "module",
   "main": "dist/index.cjs",
@@ -28,7 +28,7 @@
     "url": "git+https://code.haverbeke.berlin/prosemirror/prosemirror-view.git"
   },
   "dependencies": {
-    "prosemirror-model": "^1.20.0",
+    "prosemirror-model": "^1.25.8",
     "prosemirror-state": "^1.0.0",
     "prosemirror-transform": "^1.1.0"
   },

package/src/domchange.ts

@@ -351,33 +351,23 @@ function skipClosingAndOpening($pos: ResolvedPos, fromEnd: boolean, mayOpen: boo
 }
 
 function findDiff(a: Fragment, b: Fragment, pos: number, preferredPos: number, preferredSide: "start" | "end") {
-  let start = a.findDiffStart(b, pos)
+  let start = a.findDiffStart(b, pos), lenA = pos + a.size, lenB = pos + b.size
   if (start == null) return null
-  let {a: endA, b: endB} = a.findDiffEnd(b, pos + a.size, pos + b.size)!
+  let {a: endA, b: endB} = a.findDiffEnd(b, lenA, lenB)!
   if (preferredSide == "end") {
     let adjust = Math.max(0, start - Math.min(endA, endB))
     preferredPos -= endA + adjust - start
   }
-  if (endA < start && a.size < b.size) {
+  if (endA < start && lenA < lenB) {
     let move = preferredPos <= start && preferredPos >= endA ? start - preferredPos : 0
     start -= move
-    if (start && start < b.size && isSurrogatePair(b.textBetween(start - 1, start + 1)))
-      start += move ? 1 : -1
     endB = start + (endB - endA)
     endA = start
   } else if (endB < start) {
     let move = preferredPos <= start && preferredPos >= endB ? start - preferredPos : 0
     start -= move
-    if (start && start < a.size && isSurrogatePair(a.textBetween(start - 1, start + 1)))
-      start += move ? 1 : -1
     endA = start + (endA - endB)
     endB = start
   }
   return {start, endA, endB}
 }
-
-function isSurrogatePair(str: string) {
-  if (str.length != 2) return false
-  let a = str.charCodeAt(0), b = str.charCodeAt(1)
-  return a >= 0xDC00 && a <= 0xDFFF && b >= 0xD800 && b <= 0xDBFF
-}

package/src/domobserver.ts

@@ -192,7 +192,10 @@ export class DOMObserver {
       }
     }
 
-    if (added.some(n => n.nodeName == "BR") && (view.input.lastKeyCode == 8 || view.input.lastKeyCode == 46)) {
+    if (added.some(n => n.nodeName == "BR") &&
+        (view.input.lastKeyCode == 8 || view.input.lastKeyCode == 46 ||
+         browser.chrome && (view.composing || view.input.compositionEndedAt > Date.now() - 50) &&
+         mutations.some(m => m.type == "childList" && m.removedNodes.length))) {
       // Browsers sometimes insert a bogus break node if you
       // backspace out the last bit of text before an inline-flex node (#1552)
       for (let node of added) if (node.nodeName == "BR" && node.parentNode) {

package/src/index.ts

@@ -208,9 +208,10 @@ export class EditorView {
       // a DOM selection change and the "selectionchange" event for it
       // can cause a spurious DOM selection update, disrupting mouse
       // drag selection.
+      let mouseDown = this.input.mouseDown
       if (forceSelUpdate ||
-          !(this.input.mouseDown && this.domObserver.currentSelection.eq(this.domSelectionRange()) &&
-            anchorInRightPlace(this))) {
+          !(mouseDown && this.domObserver.currentSelection.eq(this.domSelectionRange()) &&
+            anchorInRightPlace(this) && mouseDown.delaySelUpdate())) {
         selectionToDOM(this, forceSelUpdate)
       } else {
         syncNodeSelection(this, state.selection)

package/src/input.ts

@@ -66,6 +66,7 @@ function setSelectionOrigin(view: EditorView, origin: string) {
 }
 
 export function destroyInput(view: EditorView) {
+  if (view.input.mouseDown) view.input.mouseDown.done()
   view.domObserver.stop()
   for (let type in view.input.eventHandlers)
     view.dom.removeEventListener(type, view.input.eventHandlers[type])
@@ -246,27 +247,28 @@ function handleTripleClick(view: EditorView, pos: number, inside: number, event:
 
 function defaultTripleClick(view: EditorView, inside: number, event: MouseEvent) {
   if (event.button != 0) return false
+  let selection = selectionForTripleClick(view, inside, true), doc = view.state.doc
+  if (!selection) return false
+  updateSelection(view, selection, "pointer")
+  if (selection instanceof TextSelection && doc.eq(view.state.doc))
+    view.input.mouseDown = new TripleClickDrag(view, selection)
+  return true
+}
+
+function selectionForTripleClick(view: EditorView, inside: number, selectNodes: boolean): Selection | null {
   let doc = view.state.doc
-  if (inside == -1) {
-    if (doc.inlineContent) {
-      updateSelection(view, TextSelection.create(doc, 0, doc.content.size), "pointer")
-      return true
-    }
-    return false
-  }
+  if (inside == -1) return doc.inlineContent ? TextSelection.create(doc, 0, doc.content.size) : null
 
   let $pos = doc.resolve(inside)
   for (let i = $pos.depth + 1; i > 0; i--) {
     let node = i > $pos.depth ? $pos.nodeAfter! : $pos.node(i)
     let nodePos = $pos.before(i)
     if (node.inlineContent)
-      updateSelection(view, TextSelection.create(doc, nodePos + 1, nodePos + 1 + node.content.size), "pointer")
-    else if (NodeSelection.isSelectable(node))
-      updateSelection(view, NodeSelection.create(doc, nodePos), "pointer")
-    else
-      continue
-    return true
+      return TextSelection.create(doc, nodePos + 1, nodePos + 1 + node.content.size)
+    else if (selectNodes && NodeSelection.isSelectable(node))
+      return NodeSelection.create(doc, nodePos)
   }
+  return null
 }
 
 function forceDOMFlush(view: EditorView) {
@@ -287,12 +289,13 @@ handlers.mousedown = (view, _event) => {
   }
   view.input.lastClick = {time: now, x: event.clientX, y: event.clientY, type, button: event.button}
 
+  if (view.input.mouseDown) view.input.mouseDown.done()
+
   let pos = view.posAtCoords(eventCoords(event))
   if (!pos) return
 
   if (type == "singleClick") {
-    if (view.input.mouseDown) view.input.mouseDown.done()
-    view.input.mouseDown = new MouseDown(view, pos, event, !!flushed)
+    view.input.mouseDown = new LeftMouseDown(view, pos, event, !!flushed)
   } else if ((type == "doubleClick" ? handleDoubleClick : handleTripleClick)(view, pos.pos, pos.inside, event)) {
     event.preventDefault()
   } else {
@@ -300,20 +303,46 @@ handlers.mousedown = (view, _event) => {
   }
 }
 
-class MouseDown {
+
+abstract class MouseDown {
+  mightDrag: {node: Node, pos: number, addAttr: boolean, setUneditable: boolean} | null = null
+
+  constructor(readonly view: EditorView) {
+    view.root.addEventListener("mouseup", this.up = this.up.bind(this) as any)
+    view.root.addEventListener("mousemove", this.move = this.move.bind(this) as any)
+  }
+
+  up(event: MouseEvent) {
+    this.done()
+  }
+
+  move(event: MouseEvent) {
+    if (event.buttons == 0) this.done()
+  }
+
+  done() {
+    this.view.root.removeEventListener("mouseup", this.up as any)
+    this.view.root.removeEventListener("mousemove", this.move as any)
+    if (this.view.input.mouseDown == this) this.view.input.mouseDown = null
+  }
+
+  delaySelUpdate() { return false }
+}
+
+class LeftMouseDown extends MouseDown {
   startDoc: Node
   selectNode: boolean
   allowDefault: boolean
   delayedSelectionSync = false
-  mightDrag: {node: Node, pos: number, addAttr: boolean, setUneditable: boolean} | null = null
   target: HTMLElement | null
 
   constructor(
-    readonly view: EditorView,
+    view: EditorView,
     readonly pos: {pos: number, inside: number},
     readonly event: MouseEvent,
     readonly flushed: boolean
   ) {
+    super(view)
     this.startDoc = view.state.doc
     this.selectNode = !!event[selectNodeModifier]
     this.allowDefault = event.shiftKey
@@ -353,22 +382,20 @@ class MouseDown {
       this.view.domObserver.start()
     }
 
-    view.root.addEventListener("mouseup", this.up = this.up.bind(this) as any)
-    view.root.addEventListener("mousemove", this.move = this.move.bind(this) as any)
     setSelectionOrigin(view, "pointer")
   }
 
   done() {
-    this.view.root.removeEventListener("mouseup", this.up as any)
-    this.view.root.removeEventListener("mousemove", this.move as any)
+    super.done()
     if (this.mightDrag && this.target) {
       this.view.domObserver.stop()
       if (this.mightDrag.addAttr) this.target.removeAttribute("draggable")
       if (this.mightDrag.setUneditable) this.target.removeAttribute("contentEditable")
       this.view.domObserver.start()
     }
-    if (this.delayedSelectionSync) setTimeout(() => selectionToDOM(this.view))
-    this.view.input.mouseDown = null
+    if (this.delayedSelectionSync) setTimeout(() => {
+      if (!this.view.isDestroyed) selectionToDOM(this.view)
+    })
   }
 
   up(event: MouseEvent) {
@@ -409,7 +436,7 @@ class MouseDown {
   move(event: MouseEvent) {
     this.updateAllowDefault(event)
     setSelectionOrigin(this.view, "pointer")
-    if (event.buttons == 0) this.done()
+    super.move(event)
   }
 
   updateAllowDefault(event: MouseEvent) {
@@ -417,6 +444,39 @@ class MouseDown {
         Math.abs(this.event.y - event.clientY) > 4))
       this.allowDefault = true
   }
+
+  delaySelUpdate() {
+    if (!this.allowDefault) return false
+    this.delayedSelectionSync = true
+    return true
+  }
+}
+
+class TripleClickDrag extends MouseDown {
+  startDoc: Node
+
+  constructor(view: EditorView, readonly startSelection: TextSelection) {
+    super(view)
+    this.startDoc = view.state.doc
+  }
+
+  move(event: MouseEvent) {
+    if (event.buttons == 0 || this.view.isDestroyed || !this.view.state.doc.eq(this.startDoc)) {
+      this.done()
+      return
+    }
+
+    event.preventDefault()
+    setSelectionOrigin(this.view, "pointer")
+
+    let pos = this.view.posAtCoords(eventCoords(event))
+    let target = pos && selectionForTripleClick(this.view, pos.inside, false)
+    if (!target) return
+
+    let {doc} = this.view.state, start = this.startSelection
+    let [anchor, head] = target.from < start.from ? [start.to, target.from] : [start.from, target.to]
+    updateSelection(this.view, TextSelection.create(doc, anchor, head), "pointer")
+  }
 }
 
 handlers.touchstart = view => {
@@ -444,7 +504,7 @@ function inOrNearComposition(view: EditorView, event: Event) {
   // This guards against the case where compositionend is triggered without the keyboard
   // (e.g. character confirmation may be done with the mouse), and keydown is triggered
   // afterwards- we wouldn't want to ignore the keydown event in this case.
-  if (browser.safari && Math.abs(event.timeStamp - view.input.compositionEndedAt) < 500) {
+  if (browser.safari && Math.abs(Date.now() - view.input.compositionEndedAt) < 500) {
     view.input.compositionEndedAt = -2e8
     return true
   }
@@ -502,7 +562,7 @@ function selectionBeforeUneditable(view: EditorView) {
 editHandlers.compositionend = (view, event) => {
   if (view.composing) {
     view.input.composing = false
-    view.input.compositionEndedAt = event.timeStamp
+    view.input.compositionEndedAt = Date.now()
     view.input.compositionPendingChanges = view.domObserver.pendingRecords().length ? view.input.compositionID : 0
     view.input.compositionNode = null
     if (view.input.badSafariComposition) view.domObserver.forceFlush()
@@ -520,7 +580,7 @@ function scheduleComposeEnd(view: EditorView, delay: number) {
 export function clearComposition(view: EditorView) {
   if (view.composing) {
     view.input.composing = false
-    view.input.compositionEndedAt = timestampFromCustomEvent()
+    view.input.compositionEndedAt = Date.now()
   }
   while (view.input.compositionNodes.length > 0) view.input.compositionNodes.pop()!.markParentsDirty()
 }
@@ -544,12 +604,6 @@ export function findCompositionNode(view: EditorView) {
   return textBefore || textAfter
 }
 
-function timestampFromCustomEvent() {
-  let event = document.createEvent("Event")
-  event.initEvent("event", true, true)
-  return event.timeStamp
-}
-
 /// @internal
 export function endComposition(view: EditorView, restarting = false) {
   if (browser.android && view.domObserver.flushingSoon >= 0) return

package/src/selection.ts

@@ -58,15 +58,15 @@ export function selectionToDOM(view: EditorView, force = false) {
 
   if (!editorOwnsSelection(view)) return
 
-  // The delayed drag selection causes issues with Cell Selections
-  // in Safari. And the drag selection delay is to workarond issues
-  // which only present in Chrome.
-  if (!force && view.input.mouseDown && view.input.mouseDown.allowDefault && browser.chrome) {
+  // Need to delay selection normalization during a native selection
+  // drag on Chrome, or it will cause further dragging to glitch.
+  let mouseDown = view.input.mouseDown
+  if (!force && browser.chrome && mouseDown) {
     let domSel = view.domSelectionRange(), curSel = view.domObserver.currentSelection
     if (domSel.anchorNode && curSel.anchorNode &&
         isEquivalentPosition(domSel.anchorNode, domSel.anchorOffset,
-                             curSel.anchorNode, curSel.anchorOffset)) {
-      view.input.mouseDown.delayedSelectionSync = true
+                             curSel.anchorNode, curSel.anchorOffset) &&
+        mouseDown.delaySelUpdate()) {
       view.domObserver.setCurSelection()
       return
     }