title: Issues with textarea's scrollheight increasing inconsistently
body: <p>This issue is not very easy to explain so I apologize if this question seems confusing.</p>
  
  <p>Basically, I have a <code>&lt;textarea&gt;</code> who's height changes based off its value.  If there is any vertical overflow (which would normally produce a vertical scrollbar), I increase the height of the <code>&lt;textarea&gt;</code> to match its <code>scrollHeight</code> property.  This seems to work just fine for the first two lines, but when more text is added, I noticed that the point at which the <code>scrollHeight</code> increases is different for each line of text.</p>
  
  <p>Here is a fiddle that demonstrates the strange behavior: <a href="http://jsfiddle.net/2zpkf6fL/2/" rel="nofollow">http://jsfiddle.net/2zpkf6fL/2/</a></p>
  
  <p>Type about 5 or 6 lines of text and you will see what I'm talking about.</p>
  
  <p>Can anyone shed some light on this issue?  Why does the <code>scrollHeight</code> increase at different points for different lines of text?</p>