Grsmto / simplebar

Custom scrollbars vanilla javascript library with native scroll, done simple, lightweight, easy to use and cross-browser.
http://grsmto.github.io/simplebar/
MIT License
6.02k stars 535 forks source link

Double Scrollbar in Firefox on Windows #657

Open Johnnii360 opened 1 year ago

Johnnii360 commented 1 year ago

Describe the bug I have a double scrollbar in Firefox on Windows. On Linux it's all fine.

Bildschirmfoto vom 2023-03-01 16-13-35

To Reproduce Here the customized simplebar.css: https://gist.github.com/Johnnii360/12e8e96bbcc5effd2db017892dc41c81

Expected behavior Just only the Simplebar visible.

Reproducible example

See above. Due to customization difficult to jsfiddle.

Additional context

Your environment

Software Version(s)
SimpleBar v6.2.1
Browser latest Firefox on Linux and Windows
npm/Yarn -
Operating System Ubuntu 22.04.3 LTS & Windows 10 VM
jewseppi commented 1 year ago

Issue also appears on Chrome. Resolved with the following css:

overflow: 'hidden', overflowY: 'scroll', '&::-webkit-scrollbar': { display: 'none', }, '-ms-overflow-style': 'none',

something doesn't seem right.

jewseppi commented 1 year ago

I was able to remove all of the above and just set height = 100% on the scrollbar