Skip to content

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

Description

@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!

multiline2

Metadata

Metadata

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions