react-custom-scrollbars icon indicating copy to clipboard operation
react-custom-scrollbars copied to clipboard

How to always show scrollbar?

Open PradeepJaiswar opened this issue 5 years ago • 5 comments

Went through the documentation but could not find the option for always showing a scrollbar.

Help!

PradeepJaiswar avatar Aug 03 '18 07:08 PradeepJaiswar

I just lost a day to this but turned out to be system settings. Turns out chrome respects system scroll bar preferences. If you set them to always you should see the scroll bars. Settings are in general on mac os. No idea what happens on other OS's

bristoljon avatar Sep 25 '18 17:09 bristoljon

This lib is rendering 100*100 div with overflow: scroll to count scroll width. But in OSX overflow: scroll will not show scroll, if you doesn't choose setting 'always' in system preference 'show scrollbars'. You can try my fork and add some default width by css, but you will face issues with padding, if scroll not always shown. Just download this package https://www.npmjs.com/package/react-custom-scrollbars-fork and inside your styles write fix like

.react-custom-scrollbars-fix::-webkit-scrollbar {
  width: 7px;
}

tv1ster avatar Nov 03 '18 08:11 tv1ster

I will think of a solution for this

malte-wessel avatar Jan 08 '19 13:01 malte-wessel

Any resolution to this issue?

vlad-buzea-ullink avatar Feb 06 '20 15:02 vlad-buzea-ullink

Bump; also having the same issue: OSX is hiding the scrollbars on Safari and Chrome.

lestrato avatar Nov 30 '20 18:11 lestrato