slate-react 0.98.0 → 0.98.1-2023631115050

package/dist/index.es.js

@@ -896,17 +896,57 @@ var ReactEditor = {
           focusNode = domRange.focusNode; // Focus node works fine
 
           var firstRange = domRange.getRangeAt(0);
-          var lastRange = domRange.getRangeAt(domRange.rangeCount - 1); // Right to left
+          var lastRange = domRange.getRangeAt(domRange.rangeCount - 1); // Here we are in the contenteditable mode of a table in firefox
 
-          if (firstRange.startContainer === focusNode) {
-            anchorNode = lastRange.endContainer;
-            anchorOffset = lastRange.endOffset;
-            focusOffset = firstRange.startOffset;
+          if (focusNode instanceof HTMLTableRowElement && firstRange.startContainer instanceof HTMLTableRowElement && lastRange.startContainer instanceof HTMLTableRowElement) {
+            // HTMLElement, becouse Element is a slate element
+            function getLastChildren(element) {
+              if (element.childElementCount > 0) {
+                return getLastChildren(element.children[0]);
+              } else {
+                return element;
+              }
+            }
+
+            var firstNodeRow = firstRange.startContainer;
+            var lastNodeRow = lastRange.startContainer; // This should never fail as "The HTMLElement interface represents any HTML element."
+
+            var firstNode = getLastChildren(firstNodeRow.children[firstRange.startOffset]);
+            var lastNode = getLastChildren(lastNodeRow.children[lastRange.startOffset]); // Zero, as we allways take the right one as the anchor point
+
+            focusOffset = 0;
+
+            if (lastNode.childNodes.length > 0) {
+              anchorNode = lastNode.childNodes[0];
+            } else {
+              anchorNode = lastNode;
+            }
+
+            if (firstNode.childNodes.length > 0) {
+              focusNode = firstNode.childNodes[0];
+            } else {
+              focusNode = firstNode;
+            }
+
+            if (lastNode instanceof HTMLElement) {
+              anchorOffset = lastNode.innerHTML.length;
+            } else {
+              // Fallback option
+              anchorOffset = 0;
+            }
           } else {
-            // Left to right
-            anchorNode = firstRange.startContainer;
-            anchorOffset = firstRange.endOffset;
-            focusOffset = lastRange.startOffset;
+            // This is the read only mode of a firefox table
+            // Right to left
+            if (firstRange.startContainer === focusNode) {
+              anchorNode = lastRange.endContainer;
+              anchorOffset = lastRange.endOffset;
+              focusOffset = firstRange.startOffset;
+            } else {
+              // Left to right
+              anchorNode = firstRange.startContainer;
+              anchorOffset = firstRange.endOffset;
+              focusOffset = lastRange.startOffset;
+            }
           }
         } else {
           anchorNode = domRange.anchorNode;