title: How to set a TextArea height to automatic based on content without Javascript?
body: <p>We have a number of large textareas on a page which all have fixed heights, for example:</p>
  
  <pre><code>&lt;textarea id="qt_107" name="qt_107" style="width:695px;height:150px;" maxlength="8000" question="107" class=""&gt;
  </code></pre>
  
  <p>I am working on the print version of the css for this page, and we would like the heights of the textareas to change to display all of the text within the textarea.</p>
  
  <p>I have looked online for a solution, but only came across JQuery / Javascript methods, which would apply to the webpage on all media types, not just print. </p>
  
  <p>I also tried <code>height:auto!important;</code> but this doesn't work. </p>
  
  <p>Thanks</p>
  
  <p>Edit: I understand this is not possible without javascript, Is it possible to only run the javascript on the print view, and not on the screen?</p>