title: Disable browser adding overflow:hidden on touch screen enabled devices
body: <p>I'm having an issue with browsers (maybe just Chrome) adding css rules on touch enabled devices.  </p>
  
  <p>On a website we've created for a client (to be used exclusively in Chrome), when accessing from their ultrabooks, the scroll bars disappear on elements on the page that had them.  The client is still using these as regular laptops, thus there is no need to remove the scrolling.  The issue appears to be the fact that because they have touch screens, the browser automatically adds these css rules to certain elements:</p>
  
  <pre><code>overflow: hidden;
  width: auto;
  </code></pre>
  
  <p>This removes the scroll bars, and breaks the site because many elements can no longer be interacted with fully.  </p>
  
  <p>I've done some research on this and haven't been able to find much (all the results I keep getting are regarding people wanting overflow:hidden on mobile). 
  I was hoping that there was some setting in Chrome to disable this, but I haven't been able to find anything.  I also know its possible to add some forced CSS rules... but that might just open up another can of worms.</p>
  
  <p>Any help on this is much appreciated.</p>
  
  <p>Thanks</p>