[Bug] Horizontal scrollbar present in the sidebar

[kroe761]

Version

2.0.1

Reproduction link

https://demos.creative-tim.com/paper-dashboard/examples/dashboard.html

Operating System

MacOS

Device

Macbook Pro

Browser & Version

Chrome 83.0.4103.116

Steps to reproduce

1. Navigate to https://demos.creative-tim.com/paper-dashboard/examples/dashboard.html on a desktop browser
2. See the scrollbar at the bottom of the sidebar
3. See https://imgur.com/a/TLUymeT if unable to reproduce

What is expected?

Scrollbar should not be present

What is actually happening?

Scrollbar is present

---

Solution

Additional comments

I noticed there was an open PR from 2 years ago that claims to fix this issue - #16. I made the changes myself locally (paper-dashboard.css, starting at line 4124) and the issues seems the be resolved.

[groovemen]

Hello @kroe761,

Thank you for using our products and sorry for not accepting the PR but we checked the live preview (on different window sizes) and there is no scrollbar at the bottom of the sidebar.
Please let us know exactly how we can reproduce this issue. Also please check the images below:

Cheers,
Stefan

[jhonnattan123]

in Microsoft Edge Versión 84.0.522.40 (Compilación oficial) (64 bits)

this solved when

[J4nsen]

I have the same problem with Chrome 85 and Firefox 80 on Linux. Disabling overflow removes the scrollbar.

[slypete]

I resolved this issue by downloading the latest version of perfect-scrollbar on GitHub and referencing that version instead.

https://github.com/mdbootstrap/perfect-scrollbar/blob/master/dist/perfect-scrollbar.min.js

Pete

[franky920920]

Add the style overflow-x: hidden; to class .sidebar-wrapper may help.