prosemirror-view 1.27.0 → 1.27.1

package/CHANGELOG.md

@@ -1,3 +1,13 @@
+## 1.27.1 (2022-08-16)
+
+### Bug fixes
+
+Fix a bug in `DecorationSet.map` that could cause invalid mapping when step maps contain multiple replaced ranges.
+
+Make sure that when the editor receives focus via tab or calling `.focus()` on its DOM element, the existing selection is restored.
+
+Avoid collapsing of whitespace in Firefox when the editor doesn't have `white-space` set to `pre-wrap`.
+
 ## 1.27.0 (2022-07-20)
 
 ### Bug fixes

package/dist/index.cjs

@@ -531,7 +531,7 @@ function _coordsAtPos(view, pos, side) {
         to++;
       }
 
-      return flattenV(singleRect(textRange(node, from, to), takeSide), takeSide < 0);
+      return flattenV(singleRect(textRange(node, from, to), 1), takeSide < 0);
     }
   }
 
@@ -1462,7 +1462,7 @@ var NodeViewDesc = function (_ViewDesc4) {
       var composition = view.composing ? this.localCompositionInfo(view, pos) : null;
       var localComposition = composition && composition.pos > -1 ? composition : null;
       var compositionInChild = composition && composition.pos < 0;
-      var updater = new ViewTreeUpdater(this, localComposition && localComposition.node);
+      var updater = new ViewTreeUpdater(this, localComposition && localComposition.node, view);
       iterDeco(this.node, this.innerDeco, function (widget, i, insideNode) {
         if (widget.spec.marks) updater.syncToMarks(widget.spec.marks, inline, view);else if (widget.type.side >= 0 && !insideNode) updater.syncToMarks(i == _this6.node.childCount ? prosemirrorModel.Mark.none : _this6.node.child(i).marks, inline, view);
         updater.placeWidget(widget, view, off);
@@ -1974,10 +1974,11 @@ function rm(dom) {
 }
 
 var ViewTreeUpdater = function () {
-  function ViewTreeUpdater(top, lock) {
+  function ViewTreeUpdater(top, lock, view) {
     _classCallCheck(this, ViewTreeUpdater);
 
     this.lock = lock;
+    this.view = view;
     this.index = 0;
     this.stack = [];
     this.changed = false;
@@ -2158,7 +2159,7 @@ var ViewTreeUpdater = function () {
         lastChild = parent.children[parent.children.length - 1];
       }
 
-      if (!lastChild || !(lastChild instanceof TextViewDesc) || /\n$/.test(lastChild.node.text)) {
+      if (!lastChild || !(lastChild instanceof TextViewDesc) || /\n$/.test(lastChild.node.text) || this.view.requiresGeckoHackNode && /\s$/.test(lastChild.node.text)) {
         if ((safari || chrome) && lastChild && lastChild.dom.contentEditable == "false") this.addHackNode("IMG", parent);
         this.addHackNode("BR", this.top);
       }
@@ -3164,6 +3165,10 @@ function addContext(slice, context) {
 
 var handlers = {};
 var editHandlers = {};
+var passiveHandlers = {
+  touchstart: true,
+  touchmove: true
+};
 
 var InputState = _createClass(function InputState() {
   _classCallCheck(this, InputState);
@@ -3182,6 +3187,8 @@ var InputState = _createClass(function InputState() {
   this.lastSelectionTime = 0;
   this.lastIOSEnter = 0;
   this.lastIOSEnterFallbackTimeout = -1;
+  this.lastFocus = 0;
+  this.lastTouch = 0;
   this.lastAndroidDelete = 0;
   this.composing = false;
   this.composingTimeout = -1;
@@ -3197,7 +3204,9 @@ function initInput(view) {
     var handler = handlers[event];
     view.dom.addEventListener(event, view.input.eventHandlers[event] = function (event) {
       if (eventBelongsToView(view, event) && !runCustomHandler(view, event) && (view.editable || !(event.type in editHandlers))) handler(view, event);
-    });
+    }, passiveHandlers[event] ? {
+      passive: true
+    } : undefined);
   };
 
   for (var event in handlers) {
@@ -3571,11 +3580,17 @@ var MouseDown = function () {
   return MouseDown;
 }();
 
-handlers.touchdown = function (view) {
+handlers.touchstart = function (view) {
+  view.input.lastTouch = Date.now();
   forceDOMFlush(view);
   setSelectionOrigin(view, "pointer");
 };
 
+handlers.touchmove = function (view) {
+  view.input.lastTouch = Date.now();
+  setSelectionOrigin(view, "pointer");
+};
+
 handlers.contextmenu = function (view) {
   return forceDOMFlush(view);
 };
@@ -3813,7 +3828,6 @@ editHandlers.drop = function (view, _event) {
   var eventPos = view.posAtCoords(eventCoords(event));
   if (!eventPos) return;
   var $mouse = view.state.doc.resolve(eventPos.pos);
-  if (!$mouse) return;
   var slice = dragging && dragging.slice;
 
   if (slice) {
@@ -3861,6 +3875,8 @@ editHandlers.drop = function (view, _event) {
 };
 
 handlers.focus = function (view) {
+  view.input.lastFocus = Date.now();
+
   if (!view.focused) {
     view.domObserver.stop();
     view.dom.classList.add("ProseMirror-focused");
@@ -4400,24 +4416,30 @@ var DecorationGroup = function () {
 function mapChildren(oldChildren, newLocal, mapping, node, offset, oldOffset, options) {
   var children = oldChildren.slice();
 
-  var shift = function shift(oldStart, oldEnd, newStart, newEnd) {
-    for (var i = 0; i < children.length; i += 3) {
-      var end = children[i + 1],
-          dSize = void 0;
-      if (end < 0 || oldStart > end + oldOffset) continue;
-      var start = children[i] + oldOffset;
-
-      if (oldEnd >= start) {
-        children[i + 1] = oldStart <= start ? -2 : -1;
-      } else if (newStart >= offset && (dSize = newEnd - newStart - (oldEnd - oldStart))) {
-        children[i] += dSize;
-        children[i + 1] += dSize;
+  var _loop4 = function _loop4(i) {
+    var moved = 0;
+    mapping.maps[i].forEach(function (oldStart, oldEnd, newStart, newEnd) {
+      var dSize = newEnd - newStart - (oldEnd - oldStart);
+
+      for (var _i12 = 0; _i12 < children.length; _i12 += 3) {
+        var end = children[_i12 + 1];
+        if (end < 0 || oldStart > end + oldOffset - moved) continue;
+        var start = children[_i12] + oldOffset - moved;
+
+        if (oldEnd >= start) {
+          children[_i12 + 1] = oldStart <= start ? -2 : -1;
+        } else if (newStart >= offset && dSize) {
+          children[_i12] += dSize;
+          children[_i12 + 1] += dSize;
+        }
       }
-    }
+
+      moved += dSize;
+    });
   };
 
   for (var i = 0; i < mapping.maps.length; i++) {
-    mapping.maps[i].forEach(shift);
+    _loop4(i);
   }
 
   var mustRebuild = false;
@@ -4509,8 +4531,8 @@ function mapAndGatherRemainingDecorations(children, oldChildren, decorations, ma
       if (mapped) decorations.push(mapped);else if (options.onRemove) options.onRemove(set.local[i].spec);
     }
 
-    for (var _i12 = 0; _i12 < set.children.length; _i12 += 3) {
-      gather(set.children[_i12 + 2], set.children[_i12] + oldOffset + 1);
+    for (var _i13 = 0; _i13 < set.children.length; _i13 += 3) {
+      gather(set.children[_i13 + 2], set.children[_i13] + oldOffset + 1);
     }
   }
 
@@ -4816,7 +4838,8 @@ var DOMObserver = function () {
   }, {
     key: "flush",
     value: function flush() {
-      if (!this.view.docView || this.flushingSoon > -1) return;
+      var view = this.view;
+      if (!view.docView || this.flushingSoon > -1) return;
       var mutations = this.observer ? this.observer.takeRecords() : [];
 
       if (this.queue.length) {
@@ -4824,14 +4847,14 @@ var DOMObserver = function () {
         this.queue.length = 0;
       }
 
-      var sel = this.view.domSelection();
-      var newSel = !this.suppressingSelectionUpdates && !this.currentSelection.eq(sel) && hasFocusAndSelection(this.view) && !this.ignoreSelectionChange(sel);
+      var sel = view.domSelection();
+      var newSel = !this.suppressingSelectionUpdates && !this.currentSelection.eq(sel) && hasFocusAndSelection(view) && !this.ignoreSelectionChange(sel);
       var from = -1,
           to = -1,
           typeOver = false,
           added = [];
 
-      if (this.view.editable) {
+      if (view.editable) {
         for (var i = 0; i < mutations.length; i++) {
           var result = this.registerMutation(mutations[i], added);
 
@@ -4855,14 +4878,21 @@ var DOMObserver = function () {
         }
       }
 
-      if (from > -1 || newSel) {
+      var readSel = null;
+
+      if (from < 0 && newSel && view.input.lastFocus > Date.now() - 200 && view.input.lastTouch < Date.now() - 300 && selectionCollapsed(sel) && (readSel = selectionFromDOM(view)) && readSel.eq(prosemirrorState.Selection.near(view.state.doc.resolve(0), 1))) {
+        view.input.lastFocus = 0;
+        selectionToDOM(view);
+        this.currentSelection.set(sel);
+        view.scrollToSelection();
+      } else if (from > -1 || newSel) {
         if (from > -1) {
-          this.view.docView.markDirty(from, to);
-          checkCSS(this.view);
+          view.docView.markDirty(from, to);
+          checkCSS(view);
         }
 
         this.handleDOMChange(from, to, typeOver, added);
-        if (this.view.docView && this.view.docView.dirty) this.view.updateState(this.view.state);else if (!this.currentSelection.eq(sel)) selectionToDOM(this.view);
+        if (view.docView && view.docView.dirty) view.updateState(view.state);else if (!this.currentSelection.eq(sel)) selectionToDOM(view);
         this.currentSelection.set(sel);
       }
     }
@@ -4887,8 +4917,8 @@ var DOMObserver = function () {
             next = mut.nextSibling;
 
         if (ie && ie_version <= 11 && mut.addedNodes.length) {
-          for (var _i13 = 0; _i13 < mut.addedNodes.length; _i13++) {
-            var _mut$addedNodes$_i = mut.addedNodes[_i13],
+          for (var _i14 = 0; _i14 < mut.addedNodes.length; _i14++) {
+            var _mut$addedNodes$_i = mut.addedNodes[_i14],
                 previousSibling = _mut$addedNodes$_i.previousSibling,
                 nextSibling = _mut$addedNodes$_i.nextSibling;
             if (!previousSibling || Array.prototype.indexOf.call(mut.addedNodes, previousSibling) < 0) prev = previousSibling;
@@ -4922,12 +4952,19 @@ var DOMObserver = function () {
   return DOMObserver;
 }();
 
-var cssChecked = false;
+var cssChecked = new WeakMap();
+var cssCheckWarned = false;
 
 function checkCSS(view) {
-  if (cssChecked) return;
-  cssChecked = true;
-  if (getComputedStyle(view.dom).whiteSpace == "normal") console["warn"]("ProseMirror expects the CSS white-space property to be set, preferably to 'pre-wrap'. It is recommended to load style/prosemirror.css from the prosemirror-view package.");
+  if (cssChecked.has(view)) return;
+  cssChecked.set(view, null);
+
+  if (['normal', 'nowrap', 'pre-line'].indexOf(getComputedStyle(view.dom).whiteSpace) !== -1) {
+    view.requiresGeckoHackNode = gecko;
+    if (cssCheckWarned) return;
+    console["warn"]("ProseMirror expects the CSS white-space property to be set, preferably to 'pre-wrap'. It is recommended to load style/prosemirror.css from the prosemirror-view package.");
+    cssCheckWarned = true;
+  }
 }
 
 function parseBetween(view, from_, to_) {
@@ -5209,8 +5246,8 @@ function isMarkChange(cur, prev) {
     added = prevMarks[i].removeFromSet(added);
   }
 
-  for (var _i14 = 0; _i14 < curMarks.length; _i14++) {
-    removed = curMarks[_i14].removeFromSet(removed);
+  for (var _i15 = 0; _i15 < curMarks.length; _i15++) {
+    removed = curMarks[_i15].removeFromSet(removed);
   }
 
   if (added.length == 1 && removed.length == 0) {
@@ -5233,8 +5270,8 @@ function isMarkChange(cur, prev) {
 
   var updated = [];
 
-  for (var _i15 = 0; _i15 < prev.childCount; _i15++) {
-    updated.push(update(prev.child(_i15)));
+  for (var _i16 = 0; _i16 < prev.childCount; _i16++) {
+    updated.push(update(prev.child(_i16)));
   }
 
   if (prosemirrorModel.Fragment.from(updated).eq(cur)) return {
@@ -5327,6 +5364,7 @@ var EditorView = function () {
     this.input = new InputState();
     this.prevDirectPlugins = [];
     this.pluginViews = [];
+    this.requiresGeckoHackNode = false;
     this.dragging = null;
     this._props = props;
     this.state = props.state;
@@ -5410,8 +5448,6 @@ var EditorView = function () {
   }, {
     key: "updateStateInner",
     value: function updateStateInner(state, reconfigured) {
-      var _this16 = this;
-
       var prev = this.state,
           redraw = false,
           updateSel = false;
@@ -5474,19 +5510,26 @@ var EditorView = function () {
       if (scroll == "reset") {
         this.dom.scrollTop = 0;
       } else if (scroll == "to selection") {
-        var startDOM = this.domSelection().focusNode;
-        if (this.someProp("handleScrollToSelection", function (f) {
-          return f(_this16);
-        })) ;else if (state.selection instanceof prosemirrorState.NodeSelection) {
-          var target = this.docView.domAfterPos(state.selection.from);
-          if (target.nodeType == 1) scrollRectIntoView(this, target.getBoundingClientRect(), startDOM);
-        } else {
-          scrollRectIntoView(this, this.coordsAtPos(state.selection.head, 1), startDOM);
-        }
+        this.scrollToSelection();
       } else if (oldScrollPos) {
         resetScrollPos(oldScrollPos);
       }
     }
+  }, {
+    key: "scrollToSelection",
+    value: function scrollToSelection() {
+      var _this16 = this;
+
+      var startDOM = this.domSelection().focusNode;
+      if (this.someProp("handleScrollToSelection", function (f) {
+        return f(_this16);
+      })) ;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);
+      } else {
+        scrollRectIntoView(this, this.coordsAtPos(this.state.selection.head, 1), startDOM);
+      }
+    }
   }, {
     key: "destroyPluginViews",
     value: function destroyPluginViews() {
@@ -5508,13 +5551,13 @@ var EditorView = function () {
           if (plugin.spec.view) this.pluginViews.push(plugin.spec.view(this));
         }
 
-        for (var _i16 = 0; _i16 < this.state.plugins.length; _i16++) {
-          var _plugin = this.state.plugins[_i16];
+        for (var _i17 = 0; _i17 < this.state.plugins.length; _i17++) {
+          var _plugin = this.state.plugins[_i17];
           if (_plugin.spec.view) this.pluginViews.push(_plugin.spec.view(this));
         }
       } else {
-        for (var _i17 = 0; _i17 < this.pluginViews.length; _i17++) {
-          var pluginView = this.pluginViews[_i17];
+        for (var _i18 = 0; _i18 < this.pluginViews.length; _i18++) {
+          var pluginView = this.pluginViews[_i18];
           if (pluginView.update) pluginView.update(this, prevState);
         }
       }
@@ -5532,8 +5575,8 @@ var EditorView = function () {
       }
 
       var plugins = this.state.plugins;
-      if (plugins) for (var _i18 = 0; _i18 < plugins.length; _i18++) {
-        var _prop2 = plugins[_i18].props[propName];
+      if (plugins) for (var _i19 = 0; _i19 < plugins.length; _i19++) {
+        var _prop2 = plugins[_i19].props[propName];
         if (_prop2 != null && (value = f ? f(_prop2) : _prop2)) return value;
       }
     }
@@ -5558,7 +5601,7 @@ var EditorView = function () {
       var cached = this._root;
 
       if (cached == null) {
-        var _loop4 = function _loop4(search) {
+        var _loop5 = function _loop5(search) {
           if (search.nodeType == 9 || search.nodeType == 11 && search.host) {
             if (!search.getSelection) Object.getPrototypeOf(search).getSelection = function () {
               return search.ownerDocument.getSelection();
@@ -5570,7 +5613,7 @@ var EditorView = function () {
         };
 
         for (var search = this.dom.parentNode; search; search = search.parentNode) {
-          var _ret3 = _loop4(search);
+          var _ret3 = _loop5(search);
 
           if (_typeof(_ret3) === "object") return _ret3.v;
         }

package/dist/index.d.ts

@@ -696,8 +696,8 @@ interface EditorProps<P = any> {
     */
     clipboardTextParser?: (this: P, text: string, $context: ResolvedPos, plain: boolean) => Slice;
     /**
-    Can be used to transform pasted content before it is applied to
-    the document.
+    Can be used to transform pasted or dragged-and-dropped content
+    before it is applied to the document.
     */
     transformPasted?: (this: P, slice: Slice) => Slice;
     /**

package/dist/index.js

@@ -458,7 +458,7 @@ function coordsAtPos(view, pos, side) {
             else {
                 to++;
             }
-            return flattenV(singleRect(textRange(node, from, to), takeSide), takeSide < 0);
+            return flattenV(singleRect(textRange(node, from, to), 1), takeSide < 0);
         }
     }
     let $dom = view.state.doc.resolve(pos - (atom || 0));
@@ -1242,7 +1242,7 @@ class NodeViewDesc extends ViewDesc {
         let composition = view.composing ? this.localCompositionInfo(view, pos) : null;
         let localComposition = composition && composition.pos > -1 ? composition : null;
         let compositionInChild = composition && composition.pos < 0;
-        let updater = new ViewTreeUpdater(this, localComposition && localComposition.node);
+        let updater = new ViewTreeUpdater(this, localComposition && localComposition.node, view);
         iterDeco(this.node, this.innerDeco, (widget, i, insideNode) => {
             if (widget.spec.marks)
                 updater.syncToMarks(widget.spec.marks, inline, view);
@@ -1624,8 +1624,9 @@ function rm(dom) {
 // Helper class for incrementally updating a tree of mark descs and
 // the widget and node descs inside of them.
 class ViewTreeUpdater {
-    constructor(top, lock) {
+    constructor(top, lock, view) {
         this.lock = lock;
+        this.view = view;
         // Index into `this.top`'s child array, represents the current
         // update position.
         this.index = 0;
@@ -1799,7 +1800,8 @@ class ViewTreeUpdater {
         }
         if (!lastChild || // Empty textblock
             !(lastChild instanceof TextViewDesc) ||
-            /\n$/.test(lastChild.node.text)) {
+            /\n$/.test(lastChild.node.text) ||
+            (this.view.requiresGeckoHackNode && /\s$/.test(lastChild.node.text))) {
             // Avoid bugs in Safari's cursor drawing (#1165) and Chrome's mouse selection (#1152)
             if ((safari || chrome) && lastChild && lastChild.dom.contentEditable == "false")
                 this.addHackNode("IMG", parent);
@@ -2772,7 +2774,8 @@ function addContext(slice, context) {
 // A collection of DOM events that occur within the editor, and callback functions
 // to invoke when the event fires.
 const handlers = {};
-let editHandlers = {};
+const editHandlers = {};
+const passiveHandlers = { touchstart: true, touchmove: true };
 class InputState {
     constructor() {
         this.shiftKey = false;
@@ -2784,6 +2787,8 @@ class InputState {
         this.lastSelectionTime = 0;
         this.lastIOSEnter = 0;
         this.lastIOSEnterFallbackTimeout = -1;
+        this.lastFocus = 0;
+        this.lastTouch = 0;
         this.lastAndroidDelete = 0;
         this.composing = false;
         this.composingTimeout = -1;
@@ -2801,7 +2806,7 @@ function initInput(view) {
             if (eventBelongsToView(view, event) && !runCustomHandler(view, event) &&
                 (view.editable || !(event.type in editHandlers)))
                 handler(view, event);
-        });
+        }, passiveHandlers[event] ? { passive: true } : undefined);
     }
     // On Safari, for reasons beyond my understanding, adding an input
     // event handler makes an issue where the composition vanishes when
@@ -3141,10 +3146,15 @@ class MouseDown {
             this.done();
     }
 }
-handlers.touchdown = view => {
+handlers.touchstart = view => {
+    view.input.lastTouch = Date.now();
     forceDOMFlush(view);
     setSelectionOrigin(view, "pointer");
 };
+handlers.touchmove = view => {
+    view.input.lastTouch = Date.now();
+    setSelectionOrigin(view, "pointer");
+};
 handlers.contextmenu = view => forceDOMFlush(view);
 function inOrNearComposition(view, event) {
     if (view.composing)
@@ -3396,8 +3406,6 @@ editHandlers.drop = (view, _event) => {
     if (!eventPos)
         return;
     let $mouse = view.state.doc.resolve(eventPos.pos);
-    if (!$mouse)
-        return;
     let slice = dragging && dragging.slice;
     if (slice) {
         view.someProp("transformPasted", f => { slice = f(slice); });
@@ -3442,6 +3450,7 @@ editHandlers.drop = (view, _event) => {
     view.dispatch(tr.setMeta("uiEvent", "drop"));
 };
 handlers.focus = view => {
+    view.input.lastFocus = Date.now();
     if (!view.focused) {
         view.domObserver.stop();
         view.dom.classList.add("ProseMirror-focused");
@@ -3956,23 +3965,26 @@ function mapChildren(oldChildren, newLocal, mapping, node, offset, oldOffset, op
     let children = oldChildren.slice();
     // Mark the children that are directly touched by changes, and
     // move those that are after the changes.
-    let shift = (oldStart, oldEnd, newStart, newEnd) => {
-        for (let i = 0; i < children.length; i += 3) {
-            let end = children[i + 1], dSize;
-            if (end < 0 || oldStart > end + oldOffset)
-                continue;
-            let start = children[i] + oldOffset;
-            if (oldEnd >= start) {
-                children[i + 1] = oldStart <= start ? -2 : -1;
-            }
-            else if (newStart >= offset && (dSize = (newEnd - newStart) - (oldEnd - oldStart))) {
-                children[i] += dSize;
-                children[i + 1] += dSize;
+    for (let i = 0; i < mapping.maps.length; i++) {
+        let moved = 0;
+        mapping.maps[i].forEach((oldStart, oldEnd, newStart, newEnd) => {
+            let dSize = (newEnd - newStart) - (oldEnd - oldStart);
+            for (let i = 0; i < children.length; i += 3) {
+                let end = children[i + 1];
+                if (end < 0 || oldStart > end + oldOffset - moved)
+                    continue;
+                let start = children[i] + oldOffset - moved;
+                if (oldEnd >= start) {
+                    children[i + 1] = oldStart <= start ? -2 : -1;
+                }
+                else if (newStart >= offset && dSize) {
+                    children[i] += dSize;
+                    children[i + 1] += dSize;
+                }
             }
-        }
-    };
-    for (let i = 0; i < mapping.maps.length; i++)
-        mapping.maps[i].forEach(shift);
+            moved += dSize;
+        });
+    }
     // Find the child nodes that still correspond to a single node,
     // recursively call mapInner on them and update their positions.
     let mustRebuild = false;
@@ -4300,17 +4312,18 @@ class DOMObserver {
         }
     }
     flush() {
-        if (!this.view.docView || this.flushingSoon > -1)
+        let { view } = this;
+        if (!view.docView || this.flushingSoon > -1)
             return;
         let mutations = this.observer ? this.observer.takeRecords() : [];
         if (this.queue.length) {
             mutations = this.queue.concat(mutations);
             this.queue.length = 0;
         }
-        let sel = this.view.domSelection();
-        let newSel = !this.suppressingSelectionUpdates && !this.currentSelection.eq(sel) && hasFocusAndSelection(this.view) && !this.ignoreSelectionChange(sel);
+        let sel = view.domSelection();
+        let newSel = !this.suppressingSelectionUpdates && !this.currentSelection.eq(sel) && hasFocusAndSelection(view) && !this.ignoreSelectionChange(sel);
         let from = -1, to = -1, typeOver = false, added = [];
-        if (this.view.editable) {
+        if (view.editable) {
             for (let i = 0; i < mutations.length; i++) {
                 let result = this.registerMutation(mutations[i], added);
                 if (result) {
@@ -4331,16 +4344,29 @@ class DOMObserver {
                     a.remove();
             }
         }
-        if (from > -1 || newSel) {
+        let readSel = null;
+        // If it looks like the browser has reset the selection to the
+        // start of the document after focus, restore the selection from
+        // the state
+        if (from < 0 && newSel && view.input.lastFocus > Date.now() - 200 &&
+            view.input.lastTouch < Date.now() - 300 &&
+            selectionCollapsed(sel) && (readSel = selectionFromDOM(view)) &&
+            readSel.eq(Selection.near(view.state.doc.resolve(0), 1))) {
+            view.input.lastFocus = 0;
+            selectionToDOM(view);
+            this.currentSelection.set(sel);
+            view.scrollToSelection();
+        }
+        else if (from > -1 || newSel) {
             if (from > -1) {
-                this.view.docView.markDirty(from, to);
-                checkCSS(this.view);
+                view.docView.markDirty(from, to);
+                checkCSS(view);
             }
             this.handleDOMChange(from, to, typeOver, added);
-            if (this.view.docView && this.view.docView.dirty)
-                this.view.updateState(this.view.state);
+            if (view.docView && view.docView.dirty)
+                view.updateState(view.state);
             else if (!this.currentSelection.eq(sel))
-                selectionToDOM(this.view);
+                selectionToDOM(view);
             this.currentSelection.set(sel);
         }
     }
@@ -4397,13 +4423,19 @@ class DOMObserver {
         }
     }
 }
-let cssChecked = false;
+let cssChecked = new WeakMap();
+let cssCheckWarned = false;
 function checkCSS(view) {
-    if (cssChecked)
+    if (cssChecked.has(view))
         return;
-    cssChecked = true;
-    if (getComputedStyle(view.dom).whiteSpace == "normal")
+    cssChecked.set(view, null);
+    if (['normal', 'nowrap', 'pre-line'].indexOf(getComputedStyle(view.dom).whiteSpace) !== -1) {
+        view.requiresGeckoHackNode = gecko;
+        if (cssCheckWarned)
+            return;
         console["warn"]("ProseMirror expects the CSS white-space property to be set, preferably to 'pre-wrap'. It is recommended to load style/prosemirror.css from the prosemirror-view package.");
+        cssCheckWarned = true;
+    }
 }
 
 // Note that all referencing and parsing is done with the
@@ -4810,6 +4842,12 @@ class EditorView {
         this.prevDirectPlugins = [];
         this.pluginViews = [];
         /**
+        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
+        */
+        this.requiresGeckoHackNode = false;
+        /**
         When editor content is being dragged, this object contains
         information about the dragged slice and whether it is being
         copied or moved. At any other time, it is null.
@@ -4960,21 +4998,27 @@ class EditorView {
             this.dom.scrollTop = 0;
         }
         else if (scroll == "to selection") {
-            let startDOM = this.domSelection().focusNode;
-            if (this.someProp("handleScrollToSelection", f => f(this))) ;
-            else if (state.selection instanceof NodeSelection) {
-                let target = this.docView.domAfterPos(state.selection.from);
-                if (target.nodeType == 1)
-                    scrollRectIntoView(this, target.getBoundingClientRect(), startDOM);
-            }
-            else {
-                scrollRectIntoView(this, this.coordsAtPos(state.selection.head, 1), startDOM);
-            }
+            this.scrollToSelection();
         }
         else if (oldScrollPos) {
             resetScrollPos(oldScrollPos);
         }
     }
+    /**
+    @internal
+    */
+    scrollToSelection() {
+        let startDOM = this.domSelection().focusNode;
+        if (this.someProp("handleScrollToSelection", f => f(this))) ;
+        else if (this.state.selection instanceof NodeSelection) {
+            let target = this.docView.domAfterPos(this.state.selection.from);
+            if (target.nodeType == 1)
+                scrollRectIntoView(this, target.getBoundingClientRect(), startDOM);
+        }
+        else {
+            scrollRectIntoView(this, this.coordsAtPos(this.state.selection.head, 1), startDOM);
+        }
+    }
     destroyPluginViews() {
         let view;
         while (view = this.pluginViews.pop())

package/package.json

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