React 16 does not render text area placeholder initially in IE11 Win10

[curwen]

Bug

What is the current behavior?

IE11 Windows 10 text area placeholder not rendering initially.
https://jsfiddle.net/fztx6vqp/

What is the expected behavior?

Placeholder should be visible on initial render.

Which versions of React, and which browser / OS are affected by this issue? Did this work in previous versions of React?

16.0.0, IE11, Windows 10
Appears to be a regression in 16.0.0 - #6731

[gaearon]

We’ll need somebody else confirming that this reproduces in 16 and doesn’t reproduce in 15.6.1.

[aweary]

I verified that the provided example using 16 does not render in IE11 on Windows 10, but it does render using this example with 15.6.2.

[gaearon]

Any idea what’s going on?

[gaearon]

Here's all matches of placeholder logic I can find in 15:

react/src/renderers/dom/client/wrappers/ReactDOMTextarea.js

Line 170 in 571a920

// initial value. In IE10/IE11 there is a bug where the placeholder attribute

react/src/renderers/dom/shared/ReactDOMComponent.js

Lines 830 to 839 in 571a920

	// Avoid setting textContent when the text is empty. In IE11 setting
	// textContent on a text area will cause the placeholder to not
	// show within the textarea until it has been focused and blurred again.
	// https://github.com/facebook/react/issues/6731#issuecomment-254874553
	if (contentToUse !== '') {
	if (__DEV__) {
	setAndValidateContentChildDev.call(this, contentToUse);
	}
	DOMLazyTree.queueText(lazyTree, contentToUse);
	}

(probably this one?)

[gaearon]

@aweary You’ll take this?

[aweary]

(probably this one?)

@gaearon it looks like the same issue, focusing and blurring causes the placeholder to show again, which is the same behavior I saw the first time. Looking into it now.

[gaearon]

Can you check if #11177 fixes it?

[aweary]

@gaearon I was just stepping through it and found that same call site 😄 I verified that is the reason the textContent is being set, let me build locally and verify the fix.