Uncaught TypeError: $(...).perfectScrollbar is not a function

[tomaustin700]

Hi,

I'm getting the following error from the argon-design-system.min.js file. You can duplicate this by opening the login example page and viewing the chrome console.

Uncaught TypeError: $(...).perfectScrollbar is not a function

Would you be able to resolve this please.

Thanks

[rarestoma]

Hi @tomaustin700,

Thank you for working with our products.

Please change in argon-design-system.js the $('.wrapper .login-page, .register-page, .card').perfectScrollbar(); to var ps1 = new PerfectScrollbar('.wrapper .login-page, .register-page, .card');.

Please let me know if it works now.

Thank you,
Rares

[tomaustin700]

@rarestoma

Thanks for the reply. That is now giving me

perfect-scrollbar.jquery.min.js:6 Uncaught Error: no element is specified to initialize PerfectScrollbar
    at new H (perfect-scrollbar.jquery.min.js:6)
    at argon-design-system.js:40
    at argon-design-system.js:54

[forumrulez]

The same thing

[rarestoma]

Hi,

Can you please tell me what version of argon design system are you using? I tested it again with v1.2.0 and it is working fine on my side.

Thank you,
Rares

[tomaustin700]

@rarestoma I pulled the files from GitHub so should be the latest. Do you want to merge your fix to master and then I can repull?

[rarestoma]

Hi @tomaustin700,

I made the changes to this new branch https://github.com/creativetimofficial/argon-design-system/tree/refactor/fix-scrollbar.

Can you please try pulling it and see if the error still persists?

Thank you,
Rares

[johnhbenetech]

This is affecting us as well, is there an update on merging this?

[sxshateri]

Hi @tomaustin700,

I made the changes to this new branch https://github.com/creativetimofficial/argon-design-system/tree/refactor/fix-scrollbar.

Can you please try pulling it and see if the error still persists?

Thank you,
Rares

still the same error even after pulling the branch you mentioned.

[sxshateri]

Hi @tomaustin700,

Thank you for working with our products.

Please change in argon-design-system.js the $('.wrapper .login-page, .register-page, .card').perfectScrollbar(); to var ps1 = new PerfectScrollbar('.wrapper .login-page, .register-page, .card');.

Please let me know if it works now.

Thank you,
Rares

this fixed the issue. please guys remember the orders of the js files matter.

[Enmyerp]

I'm currently trying to use the version 1.2.2 and it has the same problem. The problem can be seen downloading the ZIP and opening any demo file or the index.html file. The problem even can be seen in the official demo page (https://demos.creative-tim.com/argon-design-system/index.html) at this date.

The mentioned branch "fix-scrollbar" seems to fix the problem, I can't see any trace of the error in the console.

EDIT: sorry, the branch "fix-scrollbar" still shows the error in SOME examples like the landing.

[RihanArfan]

Is there anything stopping this from being merged?