title: Chrome scrollbars while zooming
body: <p>Chrome shows scrollbars in specific cases when I don't want it to. This seems to be the case when the control or page is zoomed out (&lt;100%), when <code>overflow: auto</code> is applied and only at specific (random?) sizes. There is no content in the given element, so there's no reason to show scrollbars at all. Why is this happening and how can I prevent this? I don't want to disable zooming for users.</p>
  
  <p>Sample code:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;textarea style="overflow: auto; height: 100px; width: 500px; zoom: 90%;"&gt;
  &lt;/textarea&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Try to resize the textarea, if it doesn't already show the issue.</p>
  
  <p>Example: </p>
  
  <p><a href="https://i.stack.imgur.com/tqfwh.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/tqfwh.png" alt="Example control with scrollbars"></a></p>
  
  <p>I'm using Chrome 63.0.3239.132 (64bit) right now.</p>