Textarea placeholder isn't shown in IE 11 being rendered using React

Question

I have following HTML:

<textarea placeholder="Usual textarea placeholder"></textarea>
<div id="react-container"></div>

... and following JS:

ReactDOM.render(
    <textarea placeholder="React textarea placeholder"/>,
    document.getElementById('react-container')
);

So, I am trying to show the same things using React and using usual HTML.

However, in IE 11 at least, textarea rendered using React behaves like this:

So, textarea placeholder isn't displayed when page loaded. What's going on here? Both these textareas looks exactly the same in DOM.

Here is a link to the fiddle: https://jsfiddle.net/bbs8odf9/2/

Answer 1

So it appears the PR that will fix this in React has just been reviewed and accepted: https://github.com/facebook/react/pull/6406

I would expect the fix to be released soonish.