<p dir="auto">Im populating several Text Fields from localstorage using initialValue. As default im only able to see first row, but it will expand as soon as im start typing.</p>
<p dir="auto">Is there any way i can enable full height as default?<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://cloud.githubusercontent.com/assets/7771916/22858248/9f5883b2-f0b7-11e6-8d1d-c2e98089ddf8.png"><img src="https://cloud.githubusercontent.com/assets/7771916/22858248/9f5883b2-f0b7-11e6-8d1d-c2e98089ddf8.png" alt="image" style="max-width: 100%;"></a></p>
<p dir="auto">I have tried the following properties.</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="        multiLine={true}
        fullWidth={true} 
        rowsMax={10}
        rows={5}"><pre class="notranslate"><code class="notranslate">        multiLine={true}
        fullWidth={true} 
        rowsMax={10}
        rows={5}
</code></pre></div>
<ul dir="auto">
<li>Material-ui@0.16.4</li>
<li>React@15.4.2</li>
<li>Browser: Chrome Versjon 56.0.2924.87</li>
</ul>
<h3 dir="auto">Problem description</h3>
<p dir="auto">When wanting to use multiline text field (2 or more) inside a nested list item, they start by displaying only one text-input line. As soon as one character has been typed in, it will expand the rows to the set row value, and stay that way until the dom is flushed or reloaded.</p>
<p dir="auto">I am using Clojurescript to compile to javascript, but I was able to reproduce this behaviour in babel/jsx.</p>
<h3 dir="auto">Steps to reproduce</h3>
<p dir="auto">This simple code should reproduce this behaviour:</p>
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="import React, {Component} from 'react';
import {List, ListItem} from 'material-ui/List';
import TextField from 'material-ui/TextField';
import getMuiTheme from 'material-ui/styles/getMuiTheme';
import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';


class Main extends Component {

  render() {

    return (
    &lt;MuiThemeProvider muiTheme={getMuiTheme()}&gt;
    &lt;div&gt;
    &lt;TextField
      rows={2}
      multiLine={true}
      hintText=&quot;Expands immeadiately&quot;
    /&gt;
        &lt;list&gt;
    &lt;ListItem primaryText=&quot;Nested text field here!&quot;
      style={{width: '250px',
          backgroundColor: 'red',}}
      nestedItems={[&lt;ListItem
            style={{width: '250px',
                backgroundColor: '#E1F5FE'}}
            disabled={true}&gt;
            &lt;TextField
            rows={2}
            multiLine={true}
            hintText=&quot;Waits for input to expand&quot;
            /&gt;
            &lt;/ListItem&gt;]}&gt;&lt;/ListItem&gt;
    &lt;ListItem
      primaryText=&quot;disabled&quot;
      disabled={true}
      style={{width: '250px',
          backgroundColor: 'red',}}&gt;
    &lt;/ListItem&gt;
    &lt;/list&gt;
    &lt;/div&gt;
    &lt;/MuiThemeProvider&gt;
    );
  }
}

export default Main;"><pre class="notranslate"><span class="pl-k">import</span> <span class="pl-v">React</span><span class="pl-kos">,</span> <span class="pl-kos">{</span><span class="pl-v">Component</span><span class="pl-kos">}</span> <span class="pl-k">from</span> <span class="pl-s">'react'</span><span class="pl-kos">;</span>
<span class="pl-k">import</span> <span class="pl-kos">{</span><span class="pl-v">List</span><span class="pl-kos">,</span> <span class="pl-v">ListItem</span><span class="pl-kos">}</span> <span class="pl-k">from</span> <span class="pl-s">'material-ui/List'</span><span class="pl-kos">;</span>
<span class="pl-k">import</span> <span class="pl-v">TextField</span> <span class="pl-k">from</span> <span class="pl-s">'material-ui/TextField'</span><span class="pl-kos">;</span>
<span class="pl-k">import</span> <span class="pl-s1">getMuiTheme</span> <span class="pl-k">from</span> <span class="pl-s">'material-ui/styles/getMuiTheme'</span><span class="pl-kos">;</span>
<span class="pl-k">import</span> <span class="pl-v">MuiThemeProvider</span> <span class="pl-k">from</span> <span class="pl-s">'material-ui/styles/MuiThemeProvider'</span><span class="pl-kos">;</span>


<span class="pl-k">class</span> <span class="pl-v">Main</span> <span class="pl-k">extends</span> <span class="pl-v">Component</span> <span class="pl-kos">{</span>

  <span class="pl-en">render</span><span class="pl-kos">(</span><span class="pl-kos">)</span> <span class="pl-kos">{</span>

    <span class="pl-k">return</span> <span class="pl-kos">(</span>
    <span class="pl-c1">&lt;</span><span class="pl-ent">MuiThemeProvider</span> <span class="pl-c1">muiTheme</span><span class="pl-c1">=</span><span class="pl-kos">{</span><span class="pl-en">getMuiTheme</span><span class="pl-kos">(</span><span class="pl-kos">)</span><span class="pl-kos">}</span><span class="pl-c1">&gt;</span>
    <span class="pl-c1">&lt;</span><span class="pl-ent">div</span><span class="pl-c1">&gt;</span>
    <span class="pl-c1">&lt;</span><span class="pl-ent">TextField</span>
      <span class="pl-c1">rows</span><span class="pl-c1">=</span><span class="pl-kos">{</span><span class="pl-c1">2</span><span class="pl-kos">}</span>
      <span class="pl-c1">multiLine</span><span class="pl-c1">=</span><span class="pl-kos">{</span><span class="pl-c1">true</span><span class="pl-kos">}</span>
      <span class="pl-c1">hintText</span><span class="pl-c1">=</span><span class="pl-s">"Expands immeadiately"</span>
    <span class="pl-c1">/</span><span class="pl-c1">&gt;</span>
        <span class="pl-c1">&lt;</span><span class="pl-ent">list</span><span class="pl-c1">&gt;</span>
    <span class="pl-c1">&lt;</span><span class="pl-ent">ListItem</span> <span class="pl-c1">primaryText</span><span class="pl-c1">=</span><span class="pl-s">"Nested text field here!"</span>
      <span class="pl-c1">style</span><span class="pl-c1">=</span><span class="pl-kos">{</span><span class="pl-kos">{</span><span class="pl-c1">width</span>: <span class="pl-s">'250px'</span><span class="pl-kos">,</span>
          <span class="pl-c1">backgroundColor</span>: <span class="pl-s">'red'</span><span class="pl-kos">,</span><span class="pl-kos">}</span><span class="pl-kos">}</span>
      <span class="pl-c1">nestedItems</span><span class="pl-c1">=</span><span class="pl-kos">{</span><span class="pl-kos">[</span><span class="pl-c1">&lt;</span><span class="pl-ent">ListItem</span>
            <span class="pl-c1">style</span><span class="pl-c1">=</span><span class="pl-kos">{</span><span class="pl-kos">{</span><span class="pl-c1">width</span>: <span class="pl-s">'250px'</span><span class="pl-kos">,</span>
                <span class="pl-c1">backgroundColor</span>: <span class="pl-s">'#E1F5FE'</span><span class="pl-kos">}</span><span class="pl-kos">}</span>
            <span class="pl-c1">disabled</span><span class="pl-c1">=</span><span class="pl-kos">{</span><span class="pl-c1">true</span><span class="pl-kos">}</span><span class="pl-c1">&gt;</span>
            <span class="pl-c1">&lt;</span><span class="pl-ent">TextField</span>
            <span class="pl-c1">rows</span><span class="pl-c1">=</span><span class="pl-kos">{</span><span class="pl-c1">2</span><span class="pl-kos">}</span>
            <span class="pl-c1">multiLine</span><span class="pl-c1">=</span><span class="pl-kos">{</span><span class="pl-c1">true</span><span class="pl-kos">}</span>
            <span class="pl-c1">hintText</span><span class="pl-c1">=</span><span class="pl-s">"Waits for input to expand"</span>
            <span class="pl-c1">/</span><span class="pl-c1">&gt;</span>
            <span class="pl-c1">&lt;</span><span class="pl-c1">/</span><span class="pl-ent">ListItem</span><span class="pl-c1">&gt;</span><span class="pl-kos">]</span><span class="pl-kos">}</span><span class="pl-c1">&gt;</span><span class="pl-c1">&lt;</span><span class="pl-c1">/</span><span class="pl-ent">ListItem</span><span class="pl-c1">&gt;</span>
    <span class="pl-c1">&lt;</span><span class="pl-ent">ListItem</span>
      <span class="pl-c1">primaryText</span><span class="pl-c1">=</span><span class="pl-s">"disabled"</span>
      <span class="pl-c1">disabled</span><span class="pl-c1">=</span><span class="pl-kos">{</span><span class="pl-c1">true</span><span class="pl-kos">}</span>
      <span class="pl-c1">style</span><span class="pl-c1">=</span><span class="pl-kos">{</span><span class="pl-kos">{</span><span class="pl-c1">width</span>: <span class="pl-s">'250px'</span><span class="pl-kos">,</span>
          <span class="pl-c1">backgroundColor</span>: <span class="pl-s">'red'</span><span class="pl-kos">,</span><span class="pl-kos">}</span><span class="pl-kos">}</span><span class="pl-c1">&gt;</span>
    <span class="pl-c1">&lt;</span><span class="pl-c1">/</span><span class="pl-ent">ListItem</span><span class="pl-c1">&gt;</span>
    <span class="pl-c1">&lt;</span><span class="pl-c1">/</span><span class="pl-ent">list</span><span class="pl-c1">&gt;</span>
    <span class="pl-c1">&lt;</span><span class="pl-c1">/</span><span class="pl-ent">div</span><span class="pl-c1">&gt;</span>
    <span class="pl-c1">&lt;</span><span class="pl-c1">/</span><span class="pl-ent">MuiThemeProvider</span><span class="pl-c1">&gt;</span>
    <span class="pl-kos">)</span><span class="pl-kos">;</span>
  <span class="pl-kos">}</span>
<span class="pl-kos">}</span>

<span class="pl-k">export</span> <span class="pl-k">default</span> <span class="pl-v">Main</span><span class="pl-kos">;</span></pre></div>
<h3 dir="auto">Versions</h3>
<ul dir="auto">
<li>Material-UI: 0.15.4</li>
<li>React: 15.3.1</li>
<li>Browser: Google Chrome</li>
</ul>