title: how to auto-adjust App.js textarea height to fill the remainder of screen?
body: <p>Might anyone have any idea how to auto-adjust the height of textarea to fill the rest of the space vertically? The easy way is to hard code the style of textarea with height: 300px or something but that is hardly a workable solution in production.</p>
  
  <p>Here is the  of my html. Thanks</p>
  
  <pre><code>  &lt;body&gt;
      &lt;div class="app-page" data-page="home"&gt;
        &lt;div class="app-topbar"&gt;
          &lt;div class="app-title"&gt;Mobile Email Client&lt;/div&gt;
        &lt;/div&gt;
        &lt;div class="app-content"&gt;
          &lt;div class="app-section"&gt;
            &lt;div class="app-button" data-target="emailEditor"&gt;Compose Email&lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div class="app-page" data-page="emailEditor"&gt;
        &lt;div class="app-topbar"&gt;
          &lt;div class="app-title"&gt;&lt;span class="app-icon"&gt;&lt;/span&gt;Email Editor&lt;/div&gt;
          &lt;div class="left app-button" data-back&gt;QUIT&lt;/div&gt;
        &lt;/div&gt;
  
        &lt;div class="app-content"&gt;
          &lt;div class="app-section" id="editorStatus"&gt;&lt;/div&gt;
  
          &lt;div class="app-section"&gt;
            &lt;input class="app-input" id="emailFrom" placeholder="From"&gt;
          &lt;/div&gt;
  
          &lt;div class="app-section"&gt;
            &lt;input class="app-input" id="emailTo" placeholder="To"&gt;
          &lt;/div&gt;
  
          &lt;div class="app-section"&gt;
            &lt;input class="app-input" id="emailSubject" placeholder="Subject"&gt;
            &lt;textarea class="app-input" id="emailMessage" placeholder="Message" rows="10"&gt;&lt;/textarea&gt;
            &lt;div class="app-button green app-submit" id="emailSend"&gt;Send&lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>