slate-react 0.106.0 → 0.107.0

package/dist/index.js

@@ -506,6 +506,15 @@ var getSlateFragmentAttribute = function getSlateFragmentAttribute(dataTransfer)
     fragment = _ref2[1];
   return fragment;
 };
+/**
+ * Get the dom selection from Shadow Root if possible, otherwise from the document
+ */
+var getSelection = function getSelection(root) {
+  if (root.getSelection != null) {
+    return root.getSelection();
+  }
+  return document.getSelection();
+};
 /**
  * Check whether a mutation originates from a editable element inside the editor.
  */
@@ -639,7 +648,7 @@ var ReactEditor = {
   deselect: function deselect(editor) {
     var selection = editor.selection;
     var root = ReactEditor.findDocumentOrShadowRoot(editor);
-    var domSelection = root.getSelection();
+    var domSelection = getSelection(root);
     if (domSelection && domSelection.rangeCount > 0) {
       domSelection.removeAllRanges();
     }
@@ -650,7 +659,7 @@ var ReactEditor = {
   findDocumentOrShadowRoot: function findDocumentOrShadowRoot(editor) {
     var el = ReactEditor.toDOMNode(editor, editor);
     var root = el.getRootNode();
-    if ((root instanceof Document || root instanceof ShadowRoot) && root.getSelection != null) {
+    if (root instanceof Document || root instanceof ShadowRoot) {
       return root;
     }
     return el.ownerDocument;
@@ -764,7 +773,7 @@ var ReactEditor = {
     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 domSelection = getSelection(root);
         var domRange = ReactEditor.toDOMRange(editor, editor.selection);
         domSelection === null || domSelection === void 0 || domSelection.removeAllRanges();
         domSelection === null || domSelection === void 0 || domSelection.addRange(domRange);
@@ -3326,7 +3335,7 @@ var Editable = function Editable(props) {
         var _root = ReactEditor.findDocumentOrShadowRoot(editor);
         var activeElement = _root.activeElement;
         var _el = ReactEditor.toDOMNode(editor, editor);
-        var domSelection = _root.getSelection();
+        var domSelection = getSelection(_root);
         if (activeElement === _el) {
           state.latestElement = activeElement;
           IS_FOCUSED.set(editor, true);
@@ -3383,7 +3392,7 @@ var Editable = function Editable(props) {
     // Make sure the DOM selection state is in sync.
     var selection = editor.selection;
     var root = ReactEditor.findDocumentOrShadowRoot(editor);
-    var domSelection = root.getSelection();
+    var domSelection = getSelection(root);
     if (!domSelection || !ReactEditor.isFocused(editor) || (_androidInputManagerR = androidInputManagerRef.current) !== null && _androidInputManagerR !== void 0 && _androidInputManagerR.hasPendingAction()) {
       return;
     }
@@ -3979,7 +3988,7 @@ var Editable = function Editable(props) {
       // editable element no longer has focus. Refer to:
       // https://stackoverflow.com/questions/12353247/force-contenteditable-div-to-stop-accepting-input-after-it-loses-focus-under-web
       if (IS_WEBKIT) {
-        var domSelection = root.getSelection();
+        var domSelection = getSelection(root);
         domSelection === null || domSelection === void 0 || domSelection.removeAllRanges();
       }
       IS_FOCUSED["delete"](editor);