Excessive bottom padding

[handeyeco]

Make sure these boxes are checked before submitting your issue -- thank you!

• [x] Check FAQ and Caveats
• [x] Search if there's already one reported in Issues
• [x] Prepare a JSFiddle reproducing the issue
  • perfect-scrollbar JSFiddle
• [x] Provide a page or source code where the issue can be checked

I hope a Code Sandbox is an acceptable alternative to JSFiddle.

Demo: https://codesandbox.io/s/ps-bottom-padding-issue-3teb1

I believe I met the PS requirements:

.select__ps {
  overflow: hidden;
  position: relative;
  height: 15rem;
  width: 100%;
  border: 4px solid pink;
}

new PerfectScrollbar("#select__ps");

<div class="select__ps" id="select__ps">
  <!-- Content -->
</div>

However there's a bunch of whitespace below the content when scrolling down:

It's not critical to my work, I just discovered it when making an example for another issue I'm experiencing (I think specific to react-perfect-scrollbar).

Thank you for this project. Let me know if I can provide more information or if you have ideas that I can investigate for a PR.

[green-katerin]

I have the same problem. This happens because you are using "border" like here https://jsfiddle.net/swv0e9ra/ You can fix this by deleting "border" or moving the scroll to another div without "border"