RPGUI icon indicating copy to clipboard operation
RPGUI copied to clipboard

scrolling broken on chrome

Open titoasty opened this issue 8 years ago • 5 comments

I forced scrolling to be visible on chrome and it's quite ugly : scrolling_chrome

The problem seems to come from the fact that the slider is stretched..

titoasty avatar Jan 05 '16 21:01 titoasty

You should probably use a repeatable background for the scrollbar and use css for the rounded border

titoasty avatar Jan 05 '16 21:01 titoasty

After some research, there is strictly no native way to have custom scrollbar on ALL browsers. So... whether you decide to use a javascript library, or no style. But it can't be only a scrollbar style only for chrome...

titoasty avatar Jan 06 '16 21:01 titoasty

This may be related or its own issue, but the scrolling is kind of jerky on chrome.

seanohue avatar Mar 16 '16 02:03 seanohue

RPGUI shouldn't affect the way the page scroll (I barely touch the scrollbars, just adding some CSS rules for them). Could you test and see if it happens without RPGUI? eg leave the page as it is and just don't include the css / js? I suspect there may be something else causing the jerkiness.

PS by default RPGUI elements have fixed position so they usually don't scroll. are you talking about jerkiness of other elements or RPGUI stuff?

Thanks :)

RonenNess avatar Mar 16 '16 12:03 RonenNess

I'm a little late here, but just tampering with this awesome library. It seems there is no default scrolling whatsoever, while RPGUI elements are present. The problem is in the "position: fixed;" in the .rpgui-content and .rpgui-container, of rpgui.css. If "position: fixed" is removed from both, the browser default scrolling is present. This seems to be the easiest fix I think. I tampered with simply cramming the elements into one row (using flexbox) so that scrolling wouldn't be necessary, and while it worked on my project on a larger screen, it's not really practical for a mobile view. fixed_pos_break_scroll fixed_pos_break_scroll_2 no_scroll_after no_scroll_before

PS: The top two photos show the CSS in question, the bottom two photos show my project before removing the fixed position, and after.

green6060 avatar Aug 27 '18 22:08 green6060