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

Scrollbar hiding even while grabbing #597

Closed
podrivo opened this issue Dec 14, 2023 · 4 comments
Closed

Scrollbar hiding even while grabbing #597

podrivo opened this issue Dec 14, 2023 · 4 comments
Labels

Comments

@podrivo
Copy link

podrivo commented Dec 14, 2023

Describe the bug
Scrollbar is hiding even if it's currently being pressed. It fades out, but it's still pressed. So if you move the mouse, it fades in. I'm using Nuxt 3 with overlayscrollbars (2.4.5) and overlayscrollbars-vue (0.5.6).

Also, cursor: grab and cursor: grabbing are not being applied, but not sure if it's intended this way.

To Reproduce
See link: https://stackblitz.com/edit/nuxt-starter-tfsttj

Expected behavior
With the option autoHide: 'scroll', I expected the scrollbar to hide in all situations, except when scrolling. But if you are pressing it, even if not scrolling, it should not fade out.

Thank you!

@KingSora
Copy link
Owner

Good day @podrivo

This seems to be a regression, since this was working before - I'll take a look and release a fix as soon as I have time :)

@podrivo
Copy link
Author

podrivo commented Dec 15, 2023

Nice! Thank you so much! 🙌
For the cursors not being applied, I was able to achieve it by adding the following CSS:

.os-scrollbar-handle {
  cursor: grab;
}

[data-overlayscrollbars="host scrollbarPressed"] .os-scrollbar-handle {
  cursor: grabbing;
}

@KingSora
Copy link
Owner

@podrivo I've published v2.4.6 which should fix the issue :)

@podrivo
Copy link
Author

podrivo commented Dec 18, 2023

Thank you so much @KingSora! 🙌 ✨

@podrivo podrivo closed this as completed Dec 18, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

2 participants