change global.getSelection to currentWindow.getSelection

src/component/handlers/edit/commands/keyCommandBackspaceToStartOfLine.js

@@ -22,6 +22,7 @@ const removeTextWithStrategy = require('removeTextWithStrategy');
 
 function keyCommandBackspaceToStartOfLine(
   editorState: EditorState,
+  e: SyntheticKeyboardEvent<>,
 ): EditorState {
   const afterRemoval = removeTextWithStrategy(
     editorState,
@@ -30,8 +31,8 @@ function keyCommandBackspaceToStartOfLine(
       if (selection.isCollapsed() && selection.getAnchorOffset() === 0) {
         return moveSelectionBackward(strategyState, 1);
       }
-
-      const domSelection = global.getSelection();
+      const {ownerDocument} = e.currentTarget;
+      const domSelection = ownerDocument.defaultView.getSelection();
       let range = domSelection.getRangeAt(0);
       range = expandRangeToStartOfLine(range);
 

src/component/handlers/edit/editOnBeforeInput.js

@@ -161,7 +161,8 @@ function editOnBeforeInput(
     // Chrome will also split up a node into two pieces if it contains a Tab
     // char, for no explicable reason. Seemingly caused by this commit:
     // https://chromium.googlesource.com/chromium/src/+/013ac5eaf3%5E%21/
-    const nativeSelection = global.getSelection();
+    const {ownerDocument} = e.currentTarget;
+    const nativeSelection = ownerDocument.defaultView.getSelection();
     // Selection is necessarily collapsed at this point due to earlier check.
     if (
       nativeSelection.anchorNode &&

src/component/handlers/edit/editOnBlur.js

@@ -29,8 +29,9 @@ function editOnBlur(editor: DraftEditor, e: SyntheticEvent<>): void {
   // We therefore force the issue to be certain, checking whether the active
   // element is `body` to force it when blurring occurs within the window (as
   // opposed to clicking to another tab or window).
-  if (getActiveElement() === document.body) {
-    const selection = global.getSelection();
+  const {ownerDocument} = e.currentTarget;
+  if (getActiveElement(ownerDocument) === ownerDocument.body) {
+    const selection = ownerDocument.defaultView.getSelection();
     const editorNode = editor.editor;
     if (
       selection.rangeCount === 1 &&

src/component/handlers/edit/editOnInput.js

@@ -46,7 +46,7 @@ function editOnInput(editor: DraftEditor): void {
     editor._pendingStateFromBeforeInput = undefined;
   }
 
-  const domSelection = global.getSelection();
+  const domSelection = editor.editor.ownerDocument.defaultView.getSelection();
 
   const {anchorNode, isCollapsed} = domSelection;
   const isNotTextNode = anchorNode.nodeType !== Node.TEXT_NODE;

src/component/handlers/edit/editOnKeyDown.js

@@ -44,6 +44,7 @@ const isChrome = UserAgent.isBrowser('Chrome');
 function onKeyCommand(
   command: DraftEditorCommand | string,
   editorState: EditorState,
+  e: SyntheticKeyboardEvent<>,
 ): EditorState {
   switch (command) {
     case 'redo':
@@ -57,7 +58,7 @@ function onKeyCommand(
     case 'backspace-word':
       return keyCommandBackspaceWord(editorState);
     case 'backspace-to-start-of-line':
-      return keyCommandBackspaceToStartOfLine(editorState);
+      return keyCommandBackspaceToStartOfLine(editorState, e);
     case 'split-block':
       return keyCommandInsertNewline(editorState);
     case 'transpose-characters':
@@ -192,7 +193,7 @@ function editOnKeyDown(editor: DraftEditor, e: SyntheticKeyboardEvent<>): void {
     return;
   }
 
-  const newState = onKeyCommand(command, editorState);
+  const newState = onKeyCommand(command, editorState, e);
   if (newState !== editorState) {
     editor.update(newState);
   }

src/component/selection/getDraftEditorSelection.js

@@ -26,7 +26,7 @@ function getDraftEditorSelection(
   editorState: EditorState,
   root: HTMLElement,
 ): DOMDerivedSelection {
-  const selection = global.getSelection();
+  const selection = root.ownerDocument.defaultView.getSelection();
 
   // No active selection.
   if (selection.rangeCount === 0) {

src/component/selection/getVisibleSelectionRect.js

@@ -21,6 +21,8 @@ const getRangeBoundingClientRect = require('getRangeBoundingClientRect');
  * Return the bounding ClientRect for the visible DOM selection, if any.
  * In cases where there are no selected ranges or the bounding rect is
  * temporarily invalid, return null.
+ *
+ * When using from an iframe, you should pass the iframe window object
  */
 function getVisibleSelectionRect(global: any): ?FakeClientRect {
   const selection = global.getSelection();

src/component/selection/setDraftEditorSelection.js

@@ -20,6 +20,7 @@ const DraftJsDebugLogging = require('DraftJsDebugLogging');
 
 const containsNode = require('containsNode');
 const getActiveElement = require('getActiveElement');
+const getCorrectDocumentFromNode = require('getCorrectDocumentFromNode');
 const isElement = require('isElement');
 const invariant = require('invariant');
 
@@ -51,7 +52,9 @@ function anonymizeTextWithin(
 
   if (node.nodeType === Node.TEXT_NODE) {
     const length = node.textContent.length;
-    return document.createTextNode(
+    const documentObject = getCorrectDocumentFromNode(node);
+
+    return documentObject.createTextNode(
       '[text ' +
         length +
         (labels.length ? ' | ' + labels.join(', ') : '') +
@@ -113,11 +116,12 @@ function setDraftEditorSelection(
   // It's possible that the editor has been removed from the DOM but
   // our selection code doesn't know it yet. Forcing selection in
   // this case may lead to errors, so just bail now.
-  if (!containsNode(document.documentElement, node)) {
+  const documentObject = getCorrectDocumentFromNode(node);
+  if (!containsNode(documentObject.documentElement, node)) {
     return;
   }
 
-  const selection = global.getSelection();
+  const selection = documentObject.defaultView.getSelection();
   let anchorKey = selectionState.getAnchorKey();
   let anchorOffset = selectionState.getAnchorOffset();
   let focusKey = selectionState.getFocusKey();
@@ -314,7 +318,8 @@ function addPointToSelection(
   offset: number,
   selectionState: SelectionState,
 ): void {
-  const range = document.createRange();
+  const documentObject = getCorrectDocumentFromNode(node);
+  const range = documentObject.createRange();
   // logging to catch bug that is being reported in t16250795
   if (offset > getNodeLength(node)) {
     // in this case we know that the call to 'range.setStart' is about to throw

src/component/utils/getCorrectDocumentFromNode.js

@@ -0,0 +1,8 @@
+function getCorrectDocumentFromNode(node) {
+  if (!node || !node.ownerDocument) {
+    return document;
+  }
+  return node.ownerDocument;
+}
+
+module.exports = getCorrectDocumentFromNode;