RPGUI
RPGUI copied to clipboard
scrolling broken on chrome
I forced scrolling to be visible on chrome and it's quite ugly :
The problem seems to come from the fact that the slider is stretched..
You should probably use a repeatable background for the scrollbar and use css for the rounded border
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...
This may be related or its own issue, but the scrolling is kind of jerky on chrome.
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 :)
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.
PS: The top two photos show the CSS in question, the bottom two photos show my project before removing the fixed position, and after.