title: Textarea auto-height-increase
body: <p>I have html <code>&lt;textarea&gt;&lt;/textarea&gt;</code> and css:</p>
  
  <pre><code>textarea {
      width: 100%;
      max-height: 80px;
      resize: none;
  }
  </code></pre>
  
  <p>If there is a lot of text, I want the textarea to increase it's height till 80px and then show a scrollbar. The problem is that textarea is 25px(I don't know why, may be my browser set this property) and when there is a lot of text, it shows a scrollbar after 25px. Is there anyway to show a scrollbar only after 80px?</p>