IE11: Placeholder of the textarea will only show up after focus and blur

[kukikiloke]

The textarea does not display the placeholder on initial load. However if you focus on the textarea and blur it (e.g. click outside the textarea) the placeholder will appear.

Code snippet:

<Textarea
	value={this.state.commentDraft}
	placeholder="Write a comment..."
	style={{ fontSize: 'small', maxHeight: '250px', resize: 'none' }}
	onChange={e => this.setState({ commentDraft: e.target.value })} />

OS: Windows 10
Browser: IE 11

[backyardcoder]

+1 ^ Any resolutions for this?

[MoGray]

Are you guys on an updated version of React? This library has absolutely nothing to do with the placeholder text not showing up.

This was a React issue with IE 11. It was patched May 24th facebook/react#6406 .

[Andarist]

If that was React's fault and it got fixed then I'm gonna close this issue.

[johnmeng24]

upgrade react-dom version at least 15.4.2