prosemirror-view 1.41.8 → 1.42.0

package/dist/index.cjs

@@ -1272,7 +1272,7 @@ var MarkViewDesc = function (_ViewDesc3) {
 var NodeViewDesc = function (_ViewDesc4) {
   _inherits(NodeViewDesc, _ViewDesc4);
   var _super4 = _createSuper(NodeViewDesc);
-  function NodeViewDesc(parent, node, outerDeco, innerDeco, dom, contentDOM, nodeDOM, view, pos) {
+  function NodeViewDesc(parent, node, outerDeco, innerDeco, dom, contentDOM, nodeDOM) {
     var _this4;
     _classCallCheck(this, NodeViewDesc);
     _this4 = _super4.call(this, parent, [], dom, contentDOM);
@@ -1474,23 +1474,23 @@ var NodeViewDesc = function (_ViewDesc4) {
       }
       var nodeDOM = dom;
       dom = applyOuterDeco(dom, outerDeco, node);
-      if (spec) return descObj = new CustomNodeViewDesc(parent, node, outerDeco, innerDeco, dom, contentDOM || null, nodeDOM, spec, view, pos + 1);else if (node.isText) return new TextViewDesc(parent, node, outerDeco, innerDeco, dom, nodeDOM, view);else return new NodeViewDesc(parent, node, outerDeco, innerDeco, dom, contentDOM || null, nodeDOM, view, pos + 1);
+      if (spec) return descObj = new CustomNodeViewDesc(parent, node, outerDeco, innerDeco, dom, contentDOM || null, nodeDOM, spec);else if (node.isText) return new TextViewDesc(parent, node, outerDeco, innerDeco, dom, nodeDOM);else return new NodeViewDesc(parent, node, outerDeco, innerDeco, dom, contentDOM || null, nodeDOM);
     }
   }]);
   return NodeViewDesc;
 }(ViewDesc);
 function docViewDesc(doc, outerDeco, innerDeco, dom, view) {
   applyOuterDeco(dom, outerDeco, doc);
-  var docView = new NodeViewDesc(undefined, doc, outerDeco, innerDeco, dom, dom, dom, view, 0);
+  var docView = new NodeViewDesc(undefined, doc, outerDeco, innerDeco, dom, dom, dom);
   if (docView.contentDOM) docView.updateChildren(view, 0);
   return docView;
 }
 var TextViewDesc = function (_NodeViewDesc) {
   _inherits(TextViewDesc, _NodeViewDesc);
   var _super5 = _createSuper(TextViewDesc);
-  function TextViewDesc(parent, node, outerDeco, innerDeco, dom, nodeDOM, view) {
+  function TextViewDesc(parent, node, outerDeco, innerDeco, dom, nodeDOM) {
     _classCallCheck(this, TextViewDesc);
-    return _super5.call(this, parent, node, outerDeco, innerDeco, dom, null, nodeDOM, view, 0);
+    return _super5.call(this, parent, node, outerDeco, innerDeco, dom, null, nodeDOM);
   }
   _createClass(TextViewDesc, [{
     key: "parseRule",
@@ -1542,10 +1542,10 @@ var TextViewDesc = function (_NodeViewDesc) {
     }
   }, {
     key: "slice",
-    value: function slice(from, to, view) {
+    value: function slice(from, to, _view) {
       var node = this.node.cut(from, to),
         dom = document.createTextNode(node.text);
-      return new TextViewDesc(this.parent, node, this.outerDeco, this.innerDeco, dom, dom, view);
+      return new TextViewDesc(this.parent, node, this.outerDeco, this.innerDeco, dom, dom);
     }
   }, {
     key: "markDirty",
@@ -1601,10 +1601,10 @@ var TrailingHackViewDesc = function (_ViewDesc5) {
 var CustomNodeViewDesc = function (_NodeViewDesc2) {
   _inherits(CustomNodeViewDesc, _NodeViewDesc2);
   var _super7 = _createSuper(CustomNodeViewDesc);
-  function CustomNodeViewDesc(parent, node, outerDeco, innerDeco, dom, contentDOM, nodeDOM, spec, view, pos) {
+  function CustomNodeViewDesc(parent, node, outerDeco, innerDeco, dom, contentDOM, nodeDOM, spec) {
     var _this7;
     _classCallCheck(this, CustomNodeViewDesc);
-    _this7 = _super7.call(this, parent, node, outerDeco, innerDeco, dom, contentDOM, nodeDOM, view, pos);
+    _this7 = _super7.call(this, parent, node, outerDeco, innerDeco, dom, contentDOM, nodeDOM);
     _this7.spec = spec;
     return _this7;
   }
@@ -1810,6 +1810,14 @@ var ViewTreeUpdater = function () {
             break;
           }
         }
+        if (found < 0 && this.index < this.top.children.length) {
+          var cur = this.top.children[this.index];
+          if (cur instanceof MarkViewDesc && cur.dirty != NODE_DIRTY && cur.mark.type == marks[depth].type && cur.spec.update && !this.isLocked(cur.dom) && cur.spec.update(marks[depth])) {
+            cur.mark = marks[depth];
+            found = this.index;
+            this.changed = true;
+          }
+        }
         if (found > -1) {
           if (found > this.index) {
             this.changed = true;
@@ -2201,11 +2209,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;
     }
@@ -2831,9 +2839,8 @@ var wrapMap = {
   td: ["table", "tbody", "tr"],
   th: ["table", "tbody", "tr"]
 };
-var _detachedDoc = null;
 function detachedDoc() {
-  return _detachedDoc || (_detachedDoc = document.implementation.createHTMLDocument("title"));
+  return document.implementation.createHTMLDocument("title");
 }
 var _policy = null;
 function maybeWrapTrusted(html) {
@@ -2849,7 +2856,8 @@ function maybeWrapTrusted(html) {
 function readHTML(html) {
   var metas = /^(\s*<meta [^>]*>)*/.exec(html);
   if (metas) html = html.slice(metas[0].length);
-  var elt = detachedDoc().createElement("div");
+  var doc = detachedDoc(),
+    elt = doc.body;
   var firstTag = /<([a-z][^>\s]+)/i.exec(html),
     wrap;
   if (wrap = firstTag && wrapMap[firstTag[1].toLowerCase()]) html = wrap.map(function (n) {
@@ -2859,6 +2867,16 @@ function readHTML(html) {
   }).reverse().join("");
   elt.innerHTML = maybeWrapTrusted(html);
   if (wrap) for (var i = 0; i < wrap.length; i++) elt = elt.querySelector(wrap[i]) || elt;
+  for (var _i6 = 0; _i6 < doc.styleSheets.length; _i6++) {
+    var style = doc.styleSheets[_i6];
+    for (var j = 0; j < style.rules.length; j++) {
+      var rule = style.rules[j];
+      if (rule instanceof CSSStyleRule) {
+        var matches = elt.querySelectorAll(rule.selectorText);
+        for (var k = 0; k < matches.length; k++) matches[k].style.cssText += rule.style.cssText;
+      }
+    }
+  }
   return elt;
 }
 function restoreReplacedSpaces(dom) {
@@ -2949,6 +2967,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 +2998,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 +3027,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 +3129,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 +3167,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 +3179,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 +3236,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 +3267,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 +3294,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 +3359,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 +3410,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 +3429,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 +3451,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;
@@ -3782,10 +3870,10 @@ var DecorationSet = function () {
         var span = this.local[i];
         if (span.from <= end && span.to >= start && (!predicate || predicate(span.spec))) result.push(span.copy(span.from + offset, span.to + offset));
       }
-      for (var _i6 = 0; _i6 < this.children.length; _i6 += 3) {
-        if (this.children[_i6] < end && this.children[_i6 + 1] > start) {
-          var childOff = this.children[_i6] + 1;
-          this.children[_i6 + 2].findInner(start - childOff, end - childOff, result, offset + childOff, predicate);
+      for (var _i7 = 0; _i7 < this.children.length; _i7 += 3) {
+        if (this.children[_i7] < end && this.children[_i7 + 1] > start) {
+          var childOff = this.children[_i7] + 1;
+          this.children[_i7 + 2].findInner(start - childOff, end - childOff, result, offset + childOff, predicate);
         }
       }
     }
@@ -3815,14 +3903,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;
@@ -3862,7 +3950,7 @@ var DecorationSet = function () {
           i -= 3;
         }
       }
-      if (local.length) for (var _i7 = 0, _span; _i7 < decorations.length; _i7++) if (_span = decorations[_i7]) {
+      if (local.length) for (var _i8 = 0, _span; _i8 < decorations.length; _i8++) if (_span = decorations[_i8]) {
         for (var _j2 = 0; _j2 < local.length; _j2++) if (local[_j2].eq(_span, offset)) {
           if (local == this.local) local = this.local.slice();
           local.splice(_j2--, 1);
@@ -3883,8 +3971,8 @@ var DecorationSet = function () {
       }
       var start = offset + 1,
         end = start + node.content.size;
-      for (var _i8 = 0; _i8 < this.local.length; _i8++) {
-        var dec = this.local[_i8];
+      for (var _i9 = 0; _i9 < this.local.length; _i9++) {
+        var dec = this.local[_i9];
         if (dec.from < end && dec.to > start && dec.type instanceof InlineType) {
           var from = Math.max(start, dec.from) - start,
             to = Math.min(end, dec.to) - start;
@@ -3903,7 +3991,7 @@ var DecorationSet = function () {
       if (this == other) return true;
       if (!(other instanceof DecorationSet) || this.local.length != other.local.length || this.children.length != other.children.length) return false;
       for (var i = 0; i < this.local.length; i++) if (!this.local[i].eq(other.local[i])) return false;
-      for (var _i9 = 0; _i9 < this.children.length; _i9 += 3) if (this.children[_i9] != other.children[_i9] || this.children[_i9 + 1] != other.children[_i9 + 1] || !this.children[_i9 + 2].eq(other.children[_i9 + 2])) return false;
+      for (var _i10 = 0; _i10 < this.children.length; _i10 += 3) if (this.children[_i10] != other.children[_i10] || this.children[_i10 + 1] != other.children[_i10 + 1] || !this.children[_i10 + 2].eq(other.children[_i10 + 2])) return false;
       return true;
     }
   }, {
@@ -4020,15 +4108,15 @@ function mapChildren(oldChildren, newLocal, mapping, node, offset, oldOffset, op
     var moved = 0;
     mapping.maps[i].forEach(function (oldStart, oldEnd, newStart, newEnd) {
       var dSize = newEnd - newStart - (oldEnd - oldStart);
-      for (var _i13 = 0; _i13 < children.length; _i13 += 3) {
-        var end = children[_i13 + 1];
+      for (var _i14 = 0; _i14 < children.length; _i14 += 3) {
+        var end = children[_i14 + 1];
         if (end < 0 || oldStart > end + _baseOffset - moved) continue;
-        var start = children[_i13] + _baseOffset - moved;
+        var start = children[_i14] + _baseOffset - moved;
         if (oldEnd >= start) {
-          children[_i13 + 1] = oldStart <= start ? -2 : -1;
+          children[_i14 + 1] = oldStart <= start ? -2 : -1;
         } else if (oldStart >= _baseOffset && dSize) {
-          children[_i13] += dSize;
-          children[_i13 + 1] += dSize;
+          children[_i14] += dSize;
+          children[_i14 + 1] += dSize;
         }
       }
       moved += dSize;
@@ -4040,32 +4128,32 @@ function mapChildren(oldChildren, newLocal, mapping, node, offset, oldOffset, op
     _loop4(baseOffset);
   }
   var mustRebuild = false;
-  for (var _i10 = 0; _i10 < children.length; _i10 += 3) if (children[_i10 + 1] < 0) {
-    if (children[_i10 + 1] == -2) {
+  for (var _i11 = 0; _i11 < children.length; _i11 += 3) if (children[_i11 + 1] < 0) {
+    if (children[_i11 + 1] == -2) {
       mustRebuild = true;
-      children[_i10 + 1] = -1;
+      children[_i11 + 1] = -1;
       continue;
     }
-    var from = mapping.map(oldChildren[_i10] + oldOffset),
+    var from = mapping.map(oldChildren[_i11] + oldOffset),
       fromLocal = from - offset;
     if (fromLocal < 0 || fromLocal >= node.content.size) {
       mustRebuild = true;
       continue;
     }
-    var to = mapping.map(oldChildren[_i10 + 1] + oldOffset, -1),
+    var to = mapping.map(oldChildren[_i11 + 1] + oldOffset, -1),
       toLocal = to - offset;
     var _node$content$findInd2 = node.content.findIndex(fromLocal),
       index = _node$content$findInd2.index,
       childOffset = _node$content$findInd2.offset;
     var childNode = node.maybeChild(index);
     if (childNode && childOffset == fromLocal && childOffset + childNode.nodeSize == toLocal) {
-      var mapped = children[_i10 + 2].mapInner(mapping, childNode, from + 1, oldChildren[_i10] + oldOffset + 1, options);
+      var mapped = children[_i11 + 2].mapInner(mapping, childNode, from + 1, oldChildren[_i11] + oldOffset + 1, options);
       if (mapped != empty) {
-        children[_i10] = fromLocal;
-        children[_i10 + 1] = toLocal;
-        children[_i10 + 2] = mapped;
+        children[_i11] = fromLocal;
+        children[_i11 + 1] = toLocal;
+        children[_i11 + 2] = mapped;
       } else {
-        children[_i10 + 1] = -2;
+        children[_i11 + 1] = -2;
         mustRebuild = true;
       }
     } else {
@@ -4076,14 +4164,14 @@ function mapChildren(oldChildren, newLocal, mapping, node, offset, oldOffset, op
     var decorations = mapAndGatherRemainingDecorations(children, oldChildren, newLocal, mapping, offset, oldOffset, options);
     var built = buildTree(decorations, node, 0, options);
     newLocal = built.local;
-    for (var _i11 = 0; _i11 < children.length; _i11 += 3) if (children[_i11 + 1] < 0) {
-      children.splice(_i11, 3);
-      _i11 -= 3;
+    for (var _i12 = 0; _i12 < children.length; _i12 += 3) if (children[_i12 + 1] < 0) {
+      children.splice(_i12, 3);
+      _i12 -= 3;
     }
-    for (var _i12 = 0, j = 0; _i12 < built.children.length; _i12 += 3) {
-      var _from2 = built.children[_i12];
+    for (var _i13 = 0, j = 0; _i13 < built.children.length; _i13 += 3) {
+      var _from2 = built.children[_i13];
       while (j < children.length && children[j] < _from2) j += 3;
-      children.splice(j, 0, built.children[_i12], built.children[_i12 + 1], built.children[_i12 + 2]);
+      children.splice(j, 0, built.children[_i13], built.children[_i13 + 1], built.children[_i13 + 2]);
     }
   }
   return new DecorationSet(newLocal.sort(byPos), children);
@@ -4103,7 +4191,7 @@ function mapAndGatherRemainingDecorations(children, oldChildren, decorations, ma
       var mapped = set.local[i].map(mapping, offset, oldOffset);
       if (mapped) decorations.push(mapped);else if (options.onRemove) options.onRemove(set.local[i].spec);
     }
-    for (var _i14 = 0; _i14 < set.children.length; _i14 += 3) gather(set.children[_i14 + 2], set.children[_i14] + oldOffset + 1);
+    for (var _i15 = 0; _i15 < set.children.length; _i15 += 3) gather(set.children[_i15 + 2], set.children[_i15] + oldOffset + 1);
   }
   for (var i = 0; i < children.length; i += 3) if (children[i + 1] == -1) gather(children[i + 2], oldChildren[i] + oldOffset + 1);
   return decorations;
@@ -4224,7 +4312,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 +4324,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 +4353,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 +4381,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 +4408,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 +4494,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 {
@@ -4494,8 +4584,8 @@ var DOMObserver = function () {
         var prev = mut.previousSibling,
           next = mut.nextSibling;
         if (ie && ie_version <= 11 && mut.addedNodes.length) {
-          for (var _i15 = 0; _i15 < mut.addedNodes.length; _i15++) {
-            var _mut$addedNodes$_i = mut.addedNodes[_i15],
+          for (var _i16 = 0; _i16 < mut.addedNodes.length; _i16++) {
+            var _mut$addedNodes$_i = mut.addedNodes[_i16],
               previousSibling = _mut$addedNodes$_i.previousSibling,
               nextSibling = _mut$addedNodes$_i.nextSibling;
             if (!previousSibling || Array.prototype.indexOf.call(mut.addedNodes, previousSibling) < 0) prev = previousSibling;
@@ -4546,11 +4636,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,
@@ -4861,7 +4951,7 @@ function isMarkChange(cur, prev) {
     mark,
     update;
   for (var i = 0; i < prevMarks.length; i++) added = prevMarks[i].removeFromSet(added);
-  for (var _i16 = 0; _i16 < curMarks.length; _i16++) removed = curMarks[_i16].removeFromSet(removed);
+  for (var _i17 = 0; _i17 < curMarks.length; _i17++) removed = curMarks[_i17].removeFromSet(removed);
   if (added.length == 1 && removed.length == 0) {
     mark = added[0];
     type = "add";
@@ -4878,7 +4968,7 @@ function isMarkChange(cur, prev) {
     return null;
   }
   var updated = [];
-  for (var _i17 = 0; _i17 < prev.childCount; _i17++) updated.push(update(prev.child(_i17)));
+  for (var _i18 = 0; _i18 < prev.childCount; _i18++) updated.push(update(prev.child(_i18)));
   if (prosemirrorModel.Fragment.from(updated).eq(cur)) return {
     mark: mark,
     type: type
@@ -4914,25 +5004,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 +5032,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 +5064,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 +5156,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 +5178,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);
@@ -5120,13 +5205,13 @@ var EditorView = function () {
           var plugin = this.directPlugins[i];
           if (plugin.spec.view) this.pluginViews.push(plugin.spec.view(this));
         }
-        for (var _i18 = 0; _i18 < this.state.plugins.length; _i18++) {
-          var _plugin = this.state.plugins[_i18];
+        for (var _i19 = 0; _i19 < this.state.plugins.length; _i19++) {
+          var _plugin = this.state.plugins[_i19];
           if (_plugin.spec.view) this.pluginViews.push(_plugin.spec.view(this));
         }
       } else {
-        for (var _i19 = 0; _i19 < this.pluginViews.length; _i19++) {
-          var pluginView = this.pluginViews[_i19];
+        for (var _i20 = 0; _i20 < this.pluginViews.length; _i20++) {
+          var pluginView = this.pluginViews[_i20];
           if (pluginView.update) pluginView.update(this, prevState);
         }
       }
@@ -5156,8 +5241,8 @@ var EditorView = function () {
         if (_prop != null && (value = f ? f(_prop) : _prop)) return value;
       }
       var plugins = this.state.plugins;
-      if (plugins) for (var _i20 = 0; _i20 < plugins.length; _i20++) {
-        var _prop2 = plugins[_i20].props[propName];
+      if (plugins) for (var _i21 = 0; _i21 < plugins.length; _i21++) {
+        var _prop2 = plugins[_i21].props[propName];
         if (_prop2 != null && (value = f ? f(_prop2) : _prop2)) return value;
       }
     }
@@ -5187,7 +5272,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 +5281,7 @@ var EditorView = function () {
                 return search.ownerDocument.getSelection();
               };
               return {
-                v: _this17._root = search
+                v: _this18._root = search
               };
             }
           },