Encountering a problem with browsers (potentially Chrome) adding CSS rules on touch-enabled devices.
In a website developed for a client (specifically for Chrome), the scroll bars disappear on elements when accessed from their ultrabooks. The client still uses these devices as regular laptops, so removing scrolling is unnecessary. This issue seems to stem from the browser automatically adding the following CSS rules to certain elements due to the devices having touch screens:
overflow: hidden;
width: auto;
This results in the removal of scroll bars and disrupts site functionality as several elements become non-interactive.
Despite researching the matter, relevant information has been scarce (most search results pertain to wanting overflow:hidden on mobile). I had hoped there was a setting in Chrome to disable this behavior, but my efforts have been fruitless. While it is possible to forcibly add CSS rules, this may lead to further complications.
Your input on this matter would be greatly appreciated.
Thank you