Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Auto hide with hover mode #25

Open
vdjurdjevic opened this issue Mar 28, 2021 · 17 comments
Open

Auto hide with hover mode #25

vdjurdjevic opened this issue Mar 28, 2021 · 17 comments

Comments

@vdjurdjevic
Copy link

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
Copy link
Contributor

@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 :/
image
@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
Copy link
Author

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

@sakhnyuk
Copy link
Owner

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
Copy link
Author

Any news on this?

@sakhnyuk
Copy link
Owner

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
Copy link
Author

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

@sakhnyuk
Copy link
Owner

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
Copy link

Zloka commented Apr 13, 2021

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
Copy link
Owner

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
Copy link

Zloka commented Apr 13, 2021

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
Copy link
Owner

@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
Screenshot 2021-04-13 at 19 03 39

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
Copy link
Author

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
Copy link
Owner

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
Copy link
Author

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.

rc-scrollbars.mp4

@sakhnyuk
Copy link
Owner

@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
Copy link
Author

That would be awesome! Thanks @sakhnyuk

@novyQ
Copy link

novyQ commented Oct 6, 2021

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

5 participants