<h3 dir="auto">Problem description</h3>
<p dir="auto">A new line is added when the value prop is set in TextField (with multiline true), and enter is pressed.</p>
<h3 dir="auto">Link to minimal working code that reproduces the issue</h3>
<p dir="auto"><a href="https://www.webpackbin.com/bins/-KlGfX7Kl4Q4uqZ7MITB" rel="nofollow">https://www.webpackbin.com/bins/-KlGfX7Kl4Q4uqZ7MITB</a></p>
<p dir="auto">Go to the textfield and press enter.</p>

<h3 dir="auto">Versions</h3>
<ul dir="auto">
<li>Material-UI: 0.18.1</li>
<li>React: 15.2</li>
<li>Browser: Chrome</li>
</ul>
<p dir="auto">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.</p>
<p dir="auto">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)</p>
<p dir="auto">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.</p>
<p dir="auto">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?</p>
<p dir="auto">Thanks!</p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/39498573/42840154-e9c0b828-89d3-11e8-98a9-6a0f790493c6.gif"><img src="https://user-images.githubusercontent.com/39498573/42840154-e9c0b828-89d3-11e8-98a9-6a0f790493c6.gif" alt="multiline2" data-animated-image="" style="max-width: 100%;"></a></p>