title: textarea showing horizontal scroll bar after around 65k characters
body: <p>I found a Chrome bug, the <code>&lt;textarea&gt;</code> element, when either property <code>font-size</code> or <code>font-type</code> is specified, around 65k characters, a horizontal scroll bar shows up and no CSS properties successfully remove it. At the character that pushes it &quot;over&quot;, when deleted, the scroll bar disappears. Why is this? Is it possible to stop this or know how to detect when it hits?</p>
  <p><a href="https://i.stack.imgur.com/g9xa1.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/g9xa1.png" alt="enter image description here" /></a></p>
  <p><strong>Steps to reproduce:</strong></p>
  <ol>
  <li>go to <a href="https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_textarea" rel="nofollow noreferrer">https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_textarea</a></li>
  <li>add <code>style=&quot;font-size: 16px;&quot;</code> to the <code>&lt;textarea&gt;</code></li>
  <li>Use either of these sample text, paste it into the text box</li>
  <li>Press any text key (i.e. &quot;t&quot; or space)</li>
  </ol>
  <p><strong>Visual Steps:</strong>
  <a href="https://i.stack.imgur.com/s0KaA.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/s0KaA.png" alt="enter image description here" /></a></p>
  <p>English Text: <a href="https://gist.github.com/KevinDanikowski/f549cbb38e147e37cb9494d373d3615a" rel="nofollow noreferrer">https://gist.github.com/KevinDanikowski/f549cbb38e147e37cb9494d373d3615a</a></p>
  <p>French Text: <a href="https://gist.github.com/KevinDanikowski/3834d1611eede4215e08ff3c860d09ee" rel="nofollow noreferrer">https://gist.github.com/KevinDanikowski/3834d1611eede4215e08ff3c860d09ee</a> (the last character, &quot;n&quot; is the character that, when deleted, the scroll bar disappears).</p>
  <p>PS: This didn't happen in firefox.</p>