Use onInput work around for IE11 react input bug

Temporary fix for issue here: facebook/react#7027
ZeroarcSoftware · Mar 13, 2017 · 7fb5a48 · 7fb5a48
1 parent 9e0bbc1
commit 7fb5a48
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "carbondream",
-  "version": "0.3.1",
+  "version": "0.4.1",
   "description": "React web annotation engine",
   "homepage": "http://carbondream.zeroarc.com/",
   "main": "dist/entry.js",

diff --git a/src/Input.jsx b/src/Input.jsx
@@ -57,13 +57,14 @@ export default class Input extends React.Component {
 
     const cancelClasses = ClassNames('btn btn-xs cancel');
 
+    //HACK: Using onInput instead of onChange see: https://github.com/facebook/react/issues/7027
     return (
       <div style={divStyle} className={editorClasses}>
         <div style={shadowStyle} className={shadowClasses}></div>
         <div className={inputClasses}>
           <textarea autoFocus
             value={this.state.value}
-            onChange={this.handleChange}
+            onInput={this.handleChange}
             onKeyDown={this.handleKeyDown}
             onBlur={this.handleBlur}
           />