Always show scrollbar

[vitaliemiron]

Hi, is there any method to do scrollbar always visible ? (not only on hovering with mouse for macOs)

[rommguy]

Hi, sure, no problem -
You can override the css class rcs-custom-scrollbar with opacity:1 and the scrollbar will be visible always.
Notice that it appears above your content if your margin is too small. This is different from the native scrollbar that pushes the content to the side in some operating systems (like windows)

[rommguy]

@vitaliemiron please let me know if it worked

[vitaliemiron]

@vitaliemiron please let me know if it worked

Yes, that worked, thank you!
Could you add param in js because exists some UX cases when scroll should be visible.

[rommguy]

Glad to hear.
About js param - sure, but I don't have a lot of free time for this open source, and there are other issues to solve before this.
If you can create a pull request with this change it would be great.

In the meantime, you can wrap this component with your own component that get the relevant react prop and sets the correct css according to that prop.

[promet99]

@rommguy
Hi, if this issue is still open and relevant, I can create a PR

[rommguy]

Sure @promet99 , no problem

[promet99]

I just started working on the code, and would like to point out that "opacity: 1;" had to be set for both .rcs-custom-scroll and .rcs-custom-scrollbar to work, as below, at least on my local. I wonder how @vitaliemiron solved it tho.

.rcs-custom-scroll .rcs-custom-scrollbar {
    opacity: 1;
}

[promet99]

@rommguy Hey I made a PR #103

[promet99]

@rommguy Ping!