IE 11 not supported

[blackbing]

related issue:

• https://github.com/lovasoa/react-contenteditable/issues/19
• https://github.com/facebook/react/issues/7280

[blackbing]

send pr for solving this. https://github.com/lovasoa/react-contenteditable/pull/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 https://github.com/facebook/react/pull/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: https://github.com/e1-bsd/omni-common-ui/pull/35/commits/a6031f2db6320e6b85dec60cc1adfb1791ffae56

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.

[MartinDawson]

~~Seems to work fine now on React 16 in IE11.~~

Still broken...

[guillaumepotier]

I confirm this is still broken on IE11 with React and React-dom 1.16.3

Tested @notatestuser change and it works. Could we consider integrating it?

[mccambridge]

Is this repo still supported? Not working on IE 11 for me.

[lovasoa]

Yes, this repo is still maintained. I'd prefer not to merge @notatestuser PR because it breaks the current API. If onInput is not fired, then react should fix it. The issue was closed in react: if it is still present, then they should reopen it and fix it. Please go complain there :) https://github.com/facebook/react/issues/7280

[mdshohelrana]

Hi there,

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

Thanks