slate-react 0.100.1 → 0.101.0-20231110162556

package/dist/index.es.js

@@ -510,20 +510,47 @@ var ReactEditor = {
     }
     throw new Error("Unable to find the path for Slate node: ".concat(Scrubber.stringify(node)));
   },
-  focus: editor => {
+  focus: function focus(editor) {
+    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
+      retries: 5
+    };
+    // Return if already focused
+    if (IS_FOCUSED.get(editor)) {
+      return;
+    }
+    // Retry setting focus if the editor has pending operations.
+    // The DOM (selection) is unstable while changes are applied.
+    // Retry until retries are exhausted or editor is focused.
+    if (options.retries <= 0) {
+      throw new Error('Could not set focus, editor seems stuck with pending operations');
+    }
+    if (editor.operations.length > 0) {
+      setTimeout(() => {
+        ReactEditor.focus(editor, {
+          retries: options.retries - 1
+        });
+      }, 10);
+      return;
+    }
     var el = ReactEditor.toDOMNode(editor, editor);
     var root = ReactEditor.findDocumentOrShadowRoot(editor);
-    IS_FOCUSED.set(editor, true);
     if (root.activeElement !== el) {
+      // Ensure that the DOM selection state is set to the editor's selection
       if (editor.selection && root instanceof Document) {
         var domSelection = root.getSelection();
         var domRange = ReactEditor.toDOMRange(editor, editor.selection);
         domSelection === null || domSelection === void 0 || domSelection.removeAllRanges();
         domSelection === null || domSelection === void 0 || domSelection.addRange(domRange);
       }
+      // Create a new selection in the top of the document if missing
+      if (!editor.selection) {
+        Transforms.select(editor, Editor.start(editor, []));
+        editor.onChange();
+      }
       el.focus({
         preventScroll: true
       });
+      IS_FOCUSED.set(editor, true);
     }
   },
   getWindow: editor => {
@@ -815,6 +842,7 @@ var ReactEditor = {
     };
   },
   toSlateRange: (editor, domRange, options) => {
+    var _focusNode$textConten;
     var {
       exactMatch,
       suppressThrow
@@ -907,6 +935,12 @@ var ReactEditor = {
     if (anchorNode == null || focusNode == null || anchorOffset == null || focusOffset == null) {
       throw new Error("Cannot resolve a Slate range from DOM range: ".concat(domRange));
     }
+    // COMPAT: Firefox sometimes includes an extra \n (rendered by TextString
+    // when isTrailing is true) in the focusOffset, resulting in an invalid
+    // Slate point. (2023/11/01)
+    if (IS_FIREFOX && (_focusNode$textConten = focusNode.textContent) !== null && _focusNode$textConten !== void 0 && _focusNode$textConten.endsWith('\n\n') && focusOffset === focusNode.textContent.length) {
+      focusOffset--;
+    }
     // COMPAT: Triple-clicking a word in chrome will sometimes place the focus
     // inside a `contenteditable="false"` DOM node following the word, which
     // will cause `toSlatePoint` to throw an error. (2023/03/07)