Force the selection when composition is resolved (#2094)

Summary:
Fixes #2093.
Pull Request resolved: #2094

Reviewed By: claudiopro

Differential Revision: D21770987

Pulled By: mrkev

fbshipit-source-id: f198a89ce2eae69328daa5ce917085ce0d726dba

Author: robbertbrak

src/component/handlers/composition/DraftEditorCompositionHandler.js

@@ -18,13 +18,16 @@ const DraftModifier = require('DraftModifier');
 const DraftOffsetKey = require('DraftOffsetKey');
 const EditorState = require('EditorState');
 const Keys = require('Keys');
+const UserAgent = require('UserAgent');
 
 const editOnSelect = require('editOnSelect');
 const getContentEditableContainer = require('getContentEditableContainer');
 const getDraftEditorSelection = require('getDraftEditorSelection');
 const getEntityKeyForSelection = require('getEntityKeyForSelection');
 const nullthrows = require('nullthrows');
 
+const isIE = UserAgent.isBrowser('IE');
+
 /**
  * Millisecond delay to allow `compositionstart` to fire again upon
  * `compositionend`.
@@ -225,10 +228,14 @@ const DraftEditorCompositionHandler = {
 
     editor.restoreEditorDOM();
 
-    const editorStateWithUpdatedSelection = EditorState.acceptSelection(
-      editorState,
-      compositionEndSelectionState,
-    );
+    // See:
+    // - https://github.com/facebook/draft-js/issues/2093
+    // - https://github.com/facebook/draft-js/pull/2094
+    // Apply this fix only in IE for now. We can test it in
+    // other browsers in the future to ensure no regressions
+    const editorStateWithUpdatedSelection = isIE
+      ? EditorState.forceSelection(editorState, compositionEndSelectionState)
+      : EditorState.acceptSelection(editorState, compositionEndSelectionState);
 
     editor.update(
       EditorState.push(