Auto hide with hover mode

[vdjurdjevic]

Hi. Currently, if we enable autoHide mode, we get scrollbars to show when a user starts scrolling. I don't think that's the best UX for desktop browsers. Is there any change to support hover mode? When a user hovers the scrollable element, scrollbars should show up.

[Tomassito]

@vdjurdjevic @sakhnyuk We could add that without much effort really. The problem is that at the moment I can't even build the project locally :/ @sakhnyuk I appreciate that the dumi package might have been handy in producing documentation etc. but to me it makes the whole dependency tree / configuration so obscure that I don't think it's worth it? Even to get the tests working again.

[vdjurdjevic]

@Tomassito Thanks for the response. I hope @sakhnyuk will answer quickly. I don't even know what 'dumi' is..

[sakhnyuk]

Hey @vdjurdjevic @Tomassito

if we enable autoHide mode, we get scrollbars to show when a user starts scrolling.

Actually, I think this is expectable behavior. autoHide just hiding scrollbars when you don't scroll

And it also has a hover effect: https://gyazo.com/118b1f8587267a76796a83c6bf275ae0

@Tomassito I'll try to build the project.

[vdjurdjevic]

Any news on this?

[sakhnyuk]

Hey, @vdjurdjevic! Could provide more information about your idea?

@Tomassito I have built a project and doc (dumi). I have node v14.15.3

[vdjurdjevic]

I just need the ability to show the scrollbar when the user hovers the content, instead of waiting for the scroll to start.

[sakhnyuk]

I just need the ability to show the scrollbar when the user hovers the content, instead of waiting for the scroll to start.

Sorry man, but it works right now. Have a look: https://gyazo.com/118b1f8587267a76796a83c6bf275ae0

Also, what OS do you use?

[Zloka]

I just need the ability to show the scrollbar when the user hovers the content, instead of waiting for the scroll to start.

Sorry man, but it works right now. Have a look: https://gyazo.com/118b1f8587267a76796a83c6bf275ae0

Also, what OS do you use?

I might be interested in something similar, and it doesn't seem to work like your video describes it in my project.

When trying the demo, it doesn't show on hover there either.

[sakhnyuk]

I just need the ability to show the scrollbar when the user hovers the content, instead of waiting for the scroll to start.

Sorry man, but it works right now. Have a look: https://gyazo.com/118b1f8587267a76796a83c6bf275ae0 Also, what OS do you use?

I might be interested in something similar, and it doesn't seem to work like your video describes it in my project.

When trying the demo, it doesn't show on hover there either.

Are you using MacOS?

[Zloka]

I just need the ability to show the scrollbar when the user hovers the content, instead of waiting for the scroll to start.

Sorry man, but it works right now. Have a look: https://gyazo.com/118b1f8587267a76796a83c6bf275ae0 Also, what OS do you use?

I might be interested in something similar, and it doesn't seem to work like your video describes it in my project. When trying the demo, it doesn't show on hover there either.

Are you using MacOS?

Sorry for not answering your original question. Yes, I'm using MacOS.

[sakhnyuk]

@Zloka Alright!

The problem is that in your case rc-scrollbars doesn't render at all 😁 On Demo page and in your project you see native MacOS scrollbars.

But you can fix it by the system settings

rc-scrollbars depends on the width of native ones and in macOS is = 0 by default. I have mentioned it here

So, I am going to fix that issue ASAP

[vdjurdjevic]

I am on Linux Mint, using Chrome, it does not work on the demo site.. Scroll shows up only when i start scrolling (using mousewheel)

[sakhnyuk]

I am on Linux Mint, using Chrome, it does not work on the demo site.. Scroll shows up only when i start scrolling (using mousewheel)

Could you provide a screenshot with a scrollbar, please? I think is this native too.

[vdjurdjevic]

I recorded behavior on the demo page. As you can see, it shows a scrollbar only when I start scrolling. And sometimes works randomly when going in and out with a mouse.

https://user-images.githubusercontent.com/17208031/114686919-84082d80-9d13-11eb-8a57-3f7e6e591e23.mp4

[sakhnyuk]

@vdjurdjevic Ok, I get it. Thank you! I thought about the scrollbar container, cause it has a hover effect.

So, I can add a prop to show the scrollbar on the hover root container.

[vdjurdjevic]

That would be awesome! Thanks @sakhnyuk

[novyQ]

Any updates for this issue? We came cross the same comment: the user doesn't there is scrollable content in desktop. And setting AutoHide to false doesn't seem to work.