Update editor immediately for native insertion events

package.json

@@ -1,7 +1,7 @@
 {
   "name": "draft-js",
   "description": "A React framework for building text editors.",
-  "version": "0.10.20",
+  "version": "0.10.25-ie-approach.2",
   "keywords": [
     "draftjs",
     "editor",
@@ -21,7 +21,9 @@
   "license": "BSD-3-Clause",
   "scripts": {
     "prepublish": "npm run build",
-    "publish": "npm version patch && npm pack && s3-deploy *.tgz --region us-east-1 --bucket textio-web-deps",
+    "deploy": "npm pack && s3-deploy *.tgz --region us-east-1 --bucket textio-web-deps",
+    "rev": "npm run prepublish && npm version patch && npm run deploy && npm run postpublish",
+    "revbeta": "npm run prepublish && npm version prerelease && npm run deploy && npm run postpublish",
     "postpublish": "git push && git push --tags",
     "pretest": "node node_modules/fbjs-scripts/node/check-dev-engines.js package.json",
     "build": "gulp",

src/component/base/DraftEditor.react.js

@@ -87,7 +87,7 @@ class DraftEditor extends React.Component {
   _editorKey: string;
   _placeholderAccessibilityID: string;
   _latestEditorState: EditorState;
-  _pendingStateFromBeforeInput: void | EditorState;
+  _usingNativeRendering: void | EditorState;
 
   /**
    * Define proxies that can route events to the current handler.

src/component/handlers/edit/editOnBeforeInput.js

@@ -76,11 +76,6 @@ function replaceText(
  * occurs on the relevant text nodes.
  */
 function editOnBeforeInput(editor: DraftEditor, e: SyntheticInputEvent): void {
-  if (editor._pendingStateFromBeforeInput !== undefined) {
-    editor.update(editor._pendingStateFromBeforeInput);
-    editor._pendingStateFromBeforeInput = undefined;
-  }
-
   var chars = e.data;
 
   // In some cases (ex: IE ideographic space insertion) no character data
@@ -171,13 +166,8 @@ function editOnBeforeInput(editor: DraftEditor, e: SyntheticInputEvent): void {
     // change the inserted text, we wait until the text is actually inserted
     // before we actually update our state. That way when we rerender, the text
     // we see in the DOM will already have been inserted properly.
-    editor._pendingStateFromBeforeInput = newEditorState;
-    setImmediate(() => {
-      if (editor._pendingStateFromBeforeInput !== undefined) {
-        editor.update(editor._pendingStateFromBeforeInput);
-        editor._pendingStateFromBeforeInput = undefined;
-      }
-    });
+    editor._usingNativeRendering = true;
+    editor.update(newEditorState);
   }
 }
 

src/component/handlers/edit/editOnInput.js

@@ -39,9 +39,9 @@ var DOUBLE_NEWLINE = '\n\n';
  * due to a spellcheck change, and we can incorporate it into our model.
  */
 function editOnInput(editor: DraftEditor): void {
-  if (editor._pendingStateFromBeforeInput !== undefined) {
-    editor.update(editor._pendingStateFromBeforeInput);
-    editor._pendingStateFromBeforeInput = undefined;
+  if (editor._usingNativeRendering) {
+    editor._usingNativeRendering = false;
+    return;
   }
 
   var domSelection = global.getSelection();

src/component/handlers/edit/editOnSelect.js

@@ -21,8 +21,7 @@ import type DraftEditor from 'DraftEditor.react';
 
 function editOnSelect(editor: DraftEditor): void {
   if (editor._blockSelectEvents ||
-      editor._latestEditorState !== editor.props.editorState ||
-      editor._pendingStateFromBeforeInput !== undefined) {
+      editor._latestEditorState !== editor.props.editorState) {
     return;
   }