[TextField (multiline, controlled)] In IE and Edge, a controlled multiline TextField doesn't expand upon adding newlines with no other text present.

[dcorliss-Novetta]

I am using a TextField for sending messages in a chat application. My implementation requires that the TextField expand, can accept newlines via shift+enter, and send a message (empty the textfield) upon hitting enter.

I am using React 15.6 and MaterialUI v0.20.1 (I'd rather use the latest version, but its not up to me unfortunately)

I have everything working as it should, with one exception. In IE11 and Edge, if the textfield is empty and I add newlines (either with the defualt behavior of the enter key, or by adding the newline to the endof the controlled value, the TextField refuses to expand until other text is entered.

This error can be replicated in the MaterialUI demo in IE and Edge, even in the current version of Material UI. It works properly in Chrome and Firefox. Is there any way to work around this? Is the issue known already?

Thanks!

[oliviertassinari]

@dcorliss-Novetta v0.x is no longer maintained.

[dcorliss-Novetta]

Yeah, sorry I wasn't more clear to begin with that the issue is in the current version as well.

[Ziv-Barber]

The current version is not supporting anymore the multiline feature.

[dcorliss-Novetta]

If the multiline feature is not supported in the current version, why is it in the demo for the current version?

[Ziv-Barber]

Sorry, it IS supported:
https://material-ui.com/demos/text-fields/

[joshwooding]

I found a working example in vanilla javascript: http://jsfiddle.net/n9uuv0hd/658/