IE 11 not supported

[blackbing]

related issue:

• Emiting change on blur #19
• onInput is not firing on contentEditable div in IE11 facebook/react#7280

[blackbing]

send pr for solving this. #44

[blackbing]

@lovasoa I am looking for the IE support solution for this.

• https://connect.microsoft.com/IE/feedback/details/794285/ie10-11-input-event-does-not-fire-on-div-with-contenteditable-set

Here is a simple idea about solving this problem.

1. use keyup event instead if IE browser.
2. also handle paste event.

And you mentioned We can simply shadow the target if it can't be overwritten. in here. Can you give me some hint about this? I'll make PR ASAP because my project need this support IE.

[stahlmanDesign]

I don't know if this helps but on some React input components I use onInput instead of onChange so that IE11 behaves like all other browsers. Apparently onChange will work as expected in IE when Fiber a.k.a React v16.0 comes out.

[slorber]

@stahlmanDesign can you provide an example implementation of your solution please?

[stahlmanDesign]

Replace onChange with onInput
http://codepen.io/stahlmandesign/pen/JWpNKJ

[slorber]

@stahlmanDesign I don't understand, the project is about a contentEditable div, not a regular input.
Also onInput is already what is used: https://github.com/lovasoa/react-contenteditable/blob/master/src/react-contenteditable.js#L17

[guillaumepotier]

Hi there,

What is the status of this one, is this still an open issue for IE11?

Thanks

[slorber]

@guillaumepotier this is supposed to be resolved in React 15.6:

https://facebook.github.io/react/blog/2017/06/13/react-v15.6.0.html
facebook/react#8575

[guillaumepotier]

How, that's a good news! I'll test it then when I'll update it. Thanks for your help

[rake5k]

@slorber I just updated to react 15.6.1, but unfortunately, the onChange prop function still doesn't get called in IE11. I hope I'm just doing something wrong...

[slorber]

@christianharke I'm not maintaining this project nor I have upgraded to 15.6.1, if you think it does not work try to reproduce with raw react div and if it does not work fill a bug in react repo

[notatestuser]

@guillaumepotier @christianharke @slorber We are using react v15.6.1 and still had problems with this component in IE11.

I've successfully modified this component to use a MutationObserver with working IE11 support: e1-bsd/omni-common-ui@a6031f2

PLEASE NOTE that the onChange signature is now different and takes the innerHTML directly. Patching the target of the event no longer works as a MutationRecord does not have a target.