html - Disable browser adding overflow:hidden on touch screen enabled devices -
i'm having issue browsers (maybe chrome) adding css rules on touch enabled devices.
on website we've created client (to used exclusively in chrome), when accessing ultrabooks, scroll bars disappear on elements on page had them. client still using these regular laptops, there no need remove scrolling. issue appears fact because have touch screens, browser automatically adds these css rules elements:
overflow: hidden; width: auto;
this removes scroll bars, , breaks site because many elements can no longer interacted fully.
i've done research on , haven't been able find (all results keep getting regarding people wanting overflow:hidden on mobile). hoping there setting in chrome disable this, haven't been able find anything. know possible add forced css rules... might open can of worms.
any on appreciated.
thanks
i found own answer.
in chrome, go chrome://flags
about 1/3 way down, there setting called ‘enable touch events’.
chrome description:
enable touch events : mac, windows, linux, chrome os
force touchscreen support enabled or disabled, or enabled when touchscreen detected on startup (automatic, default). #touch-events
select ‘disabled’ in drop down. after make selection, button appear @ bottom of window says ‘relaunch now’. after clicking on that, chrome restart. scroll bars should appear.
Comments
Post a Comment