storybook: 5.1.x scrollbars do not scroll and exhibit strange behavior with external mice
Describe the bug
- Scrolling does not scroll
- Scrollbars remain visible when using an external mouse (i.e., in a desktop setup)
To Reproduce Steps to reproduce the behavior:
- Go to Storybook
nextbranch. View the default story or the about page - See that scroll bars render strangely on in the default Storybook UI. And notice you cannot scroll on the about page.
Expected behavior
- I expect the scrollbar to not have artifacts
- I expect the scrollbar to scroll
Screenshots
Image of broken scrollbar:
Video recording of scrolling not working on about page:
System:
- OS: Mac OSX Mojave
- Device: Macbook Pro 2018
- Mouse: Microsoft Intellimouse
- Browser: Chrome
- Version: 5.1.X
Additional context
This regression was introduced in 5.1.x. I’ve seen the visible scrollbars happen when simplebar is broken – perhaps the update to simplebar-react 1.0-alpha could have caused this? This behavior does not exist in my 5.0.x Storybooks.
About this issue
- Original URL
- State: closed
- Created 5 years ago
- Comments: 18 (10 by maintainers)
I’m on it
@domyen or anyone else, are you able to confirm the issue is resolved in my PR? https://github.com/storybooks/storybook/pull/6785
So after investigation, this is because SimpleBar V4 has CSS changes that have not been updated in Storybook. It’s just that you have hardcoded the core CSS of SimpleBar in this file so the CSS in there is outdated!
You should just have to update the CSS to the latest SimpleBar version and that should work again fine.
Thanks for using SimpleBar, please don’t hesitate to file an issue in our repo if you encounter anything!
@ndelangen yes i am 😃
browsers suck