search

creativetimofficial / paper-dashboard

Paper Dashboard is a Bootstrap Admin Panel which combines soft colors with beautiful typography and spacious cards and graphics.
MIT License
363 stars 439 forks source link

[Bug] Sidebar toggle is not working when browser is resized to smaller screen. #49

Open qixuan0427 opened 3 years ago

qixuan0427 commented 3 years ago

Version

v2.0.1

Reproduction link

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

Operating System

window

Device

laptop

Browser & Version

chrome version 88.0.4324.104

Steps to reproduce

  1. Open paper dashboard 2 demo at https://demos.creative-tim.com/paper-dashboard/examples/dashboard.html
  2. Resize the browser screen until it is narrow enough to collapse the side-bar.
  3. Now the sidebar button appears on the top left. However, the button does not re-open the side-bar when it is clicked.

What is expected?

The side-bar can be re-opened when the button is clicked

What is actually happening?

Nothing happens when the button is clicked.

Solution

Additional comments

Error message from console:

1. paper-dashboard.min.js?v=2.0.1:1 Uncaught ReferenceError: PerfectScrollbar is not defined at paper-dashboard.min.js?v=2.0.1:1 at paper-dashboard.min.js?v=2.0.1:1

2. (unknown) Uncaught ReferenceError: u is not defined at d (:1:693) at :1:809 at :1:814

qixuan0427 commented 3 years ago

I managed to solve the issue by replacing the perfect-scrollbar js code with the latest code from https://github.com/mdbootstrap/perfect-scrollbar/blob/master/dist/perfect-scrollbar.min.js

Not sure if it will bring any consequences.

maxmahl commented 3 years ago

Thanks! Saved me a lot of time!

Pistone45 commented 2 years ago

Thank you. This fixed my issue

muriz-dev commented 1 year ago

Thanks man, its work!