title: Materialize TextArea not dynamically changing?
body: <p>Working with a TextArea, class="materialize-textarea". 
  On the documentation at <a href="https://materializecss.com/forms.html" rel="nofollow noreferrer">https://materializecss.com/forms.html</a> there should be no javaScript or jQuery needed for the TextArea to expand downwards and move the page's content along with it. </p>
  
  <p>When I enter text inside the TextArea I cannot hit enter to move down. I can only write along the line to infinity. Which is not what I want, obviously, what I want is for the TextArea to resize as the text reaches end of the row, but it doesn't. Anyone encountered this issue before? </p>
  
  <pre><code>HTML: 
  &lt;div class="container" id="applyDiv"&gt;
      &lt;h4 class="header center green-text"&gt;APPLY FOR MEMBERSHIP&lt;/h4&gt;
      &lt;div class="row"&gt;
          &lt;form class="col s12"&gt;
              &lt;div class="row"&gt;
  
  
                  &lt;p class="light"&gt;
                      By submitting your company details you can get access to StoryTourist and create your own 
                      customized stories for your audience to enjoy around the world!
                  &lt;/p&gt;
                  &lt;div class="input-field col s12"&gt;
                      &lt;i class="material-icons prefix green-text"&gt;business&lt;/i&gt;
                      &lt;input placeholder="Company Name" type="text" class="validate"&gt;
                  &lt;/div&gt;
                  &lt;div class="input-field col s12"&gt;
                      &lt;i class="material-icons prefix green-text"&gt;mail outline&lt;/i&gt;
                      &lt;input placeholder="Company e-mail" type="text" class="validate"&gt;
                  &lt;/div&gt; 
                  &lt;div class="input-field col s12"&gt;
                      &lt;i class="material-icons prefix green-text"&gt;phone&lt;/i&gt;
                      &lt;input placeholder="Company phone-number" type="text" class="validate"&gt;
                  &lt;/div&gt; 
                  &lt;div class="input-field col s12"&gt;
                      &lt;i class="material-icons prefix green-text"&gt;mode_edit&lt;/i&gt;
                      &lt;input placeholder="Message us..." textarea id="textArea1" class="materialize-textarea"&gt;&lt;/textarea&gt;
                  &lt;/div&gt;
  
  
              &lt;/div&gt;
          &lt;/form&gt;
      &lt;/div&gt;        
      &lt;div class="row center padding-bottom-1"&gt;
          &lt;a class="btn-small green" id="sendButton"&gt;Submit details&lt;/a&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>UPDATE</strong></p>
  
  <p>Changed: </p>
  
  <pre><code>&lt;input placeholder="Message us..." textarea id="textArea1" class="materialize-textarea"&gt;&lt;/textarea&gt;
  </code></pre>
  
  <p>To: </p>
  
  <pre><code>&lt;textarea placeholder="Message us..." textarea id="textArea1" class="materialize-textarea"&gt;&lt;/textarea&gt;
  </code></pre>
  
  <p>Now faced with issue that page doesn't dynamically change with TextArea, there are no fixed heights in my CSS.</p>