search

bvaughn / react-virtualized

React components for efficiently rendering large lists and tabular data
http://bvaughn.github.io/react-virtualized/
MIT License
26.14k stars 3.06k forks source link

hideTopRightGridScrollbar & hideBottomLeftGridScrollbar are not working in multigrid #1184

Open Rohanhacker opened 5 years ago

Rohanhacker commented 5 years ago

Reporting a Bug?

simple repro.: https://bvaughn.github.io/react-virtualized/#/components/MultiGrid

What is the current behavior?

Top right & bottom left scrollbars are not hidden

What is the expected behavior?

Top right & bottom left scrollbars should be hidden

Which versions of react-virtualized, and which browser / OS are affected by this issue?

version: 9.20.1 firefox, chorme

albburtsev commented 5 years ago

Both props don't work on my Mac in Chrome when I use trackpad without external mouse.

aschonfeld commented 5 years ago

I was actually able to get the scrollbar to stop displaying by setting the height property of styleTopLeftGrid & styleTopRightGrid to 15px more than what I set my rowHeight to.

ddrozdov commented 5 years ago

This worked for me:

.gridBottomLeft, .gridTopRight {
  &::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 0;
    height: 0;
  }
}

having

<MultiGrid
  classNameTopRightGrid="gridTopRight"
  classNameBottomLeftGrid="gridBottomLeft"
  ...
/>
sgilligan commented 3 years ago

a small adjustment for Firefox/IE

.gridBottomLeft, .gridTopRight {
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;         /* Firefox */
    &::-webkit-scrollbar {          /* Webkit */
          -webkit-appearance: none;
          width: 0;
          height: 0;
     }
}