7.5.3 Sidenav Bug * classList of undefined is back

Topic: 7.5.3 Sidenav Bug * classList of undefined is back

Mitch pro asked 4 years ago

*_Expected behavior_*Sidenav links aligned properly when doing a npm install on latest version of MDB Angular pro

*_Actual behavior_*Sidenav lights all aligned right, only way to somewhat fix is to modify the "justify-content" on the sidenav links

I tried copy pasting sidenav examples from the website here and they still are bugged with aligning icons left but text and accordion chevrons to the right

*_Resources (screenshots, code snippets etc.)_*I went back to my purchased portal and downloaded the .zip of 7.5.3 and the sidenav links went back to normal. Classlist of undefined bug seems to be back now though.

Damian Gemza staff commented 4 years ago

Dear @Mitch

Could you please provide me with the code which causes you such a problem? How can I reproduce this problem?

Mitch pro commented 4 years ago

No idea, it's standard sidenav code. Could you do a remote session into my code to see it?

When i run a package update then it breaks again, but if i go back to 7.5.3 itself and copy paste the files in it works fine.

Damian Gemza staff commented 4 years ago

@Mitch

I've got two questions to you:

1) Is there a possibility to send me your app via email? Or if not, send me the blank application where this problem is reproductable,

2) About which package update you're talking about? The 7.5.3 is the latest version of MDB Angular, so you cannot install newer one. Please describe me this point.

You can find me here: d.gemza@mdbootstrap.com

Mitch pro commented 4 years ago

C:\cc (master -> origin) λ npm outdated Package Current Wanted Latest Location ng-uikit-pro-standard 7.5.3 git git campus-connect.client @angular-devkit/build-angular 0.12.4 0.12.4 0.800.1 campus-connect.client @angular/animations 7.2.14 7.2.15 8.0.0 campus-connect.client @angular/cdk 7.3.6 7.3.7 8.0.0 campus-connect.client @angular/cli 7.3.7 7.3.9 8.0.1 campus-connect.client @angular/common 7.2.14 7.2.15 8.0.0 campus-connect.client @angular/compiler 7.2.14 7.2.15 8.0.0 campus-connect.client @angular/compiler-cli 7.2.14 7.2.15 8.0.0 campus-connect.client @angular/core 7.2.14 7.2.15 8.0.0 campus-connect.client @angular/forms 7.2.14 7.2.15 8.0.0 campus-connect.client @angular/http 7.2.14 7.2.15 7.2.15 campus-connect.client @angular/language-service 7.2.14 7.2.15 8.0.0 campus-connect.client @angular/platform-browser 7.2.14 7.2.15 8.0.0 campus-connect.client @angular/platform-browser-dynamic 7.2.14 7.2.15 8.0.0 campus-connect.client @angular/router 7.2.14 7.2.15 8.0.0 campus-connect.client @angular/service-worker 7.2.14 7.2.15 8.0.0 campus-connect.client @aspnet/signalr 1.1.2 1.1.4 1.1.4 campus-connect.client @fortawesome/fontawesome-free 5.8.1 5.9.0 5.9.0 campus-connect.client @ng-select/ng-select 2.18.0 2.20.0 2.20.0 campus-connect.client @swimlane/ngx-datatable 14.0.0 14.0.0 15.0.1 campus-connect.client @tinymce/tinymce-angular 2.5.0 2.5.0 3.0.1 campus-connect.client @types/chart.js 2.7.52 2.7.53 2.7.53 campus-connect.client @types/googlemaps 3.30.19 3.36.3 3.36.3 campus-connect.client @types/jasmine 2.8.16 2.8.16 3.3.13 campus-connect.client @types/lodash 4.14.123 4.14.133 4.14.133 campus-connect.client @types/node 10.14.6 10.14.8 12.0.5 campus-connect.client angular5-csv 0.2.10 0.2.10 0.2.11 campus-connect.client codelyzer 4.5.0 4.5.0 5.1.0 campus-connect.client core-js 2.6.5 2.6.9 3.1.3 campus-connect.client fs-extra 7.0.1 7.0.1 8.0.1 campus-connect.client fullcalendar 3.6.1 3.6.1 3.10.0 campus-connect.client jasmine-core 3.3.0 3.4.0 3.4.0 campus-connect.client jquery 3.3.1 3.4.1 3.4.1 campus-connect.client karma 3.1.4 3.1.4 4.1.0 campus-connect.client karma-jasmine 1.1.2 1.1.2 2.0.1 campus-connect.client ng-fullcalendar 1.7.5 1.7.5 2.0.3 campus-connect.client ngx-infinite-scroll 6.0.1 6.0.1 7.1.0 campus-connect.client ngx-mask 7.9.3 7.9.9 7.9.9 campus-connect.client rxjs 6.5.1 6.5.2 6.5.2 campus-connect.client rxjs-compat 6.5.1 6.5.2 6.5.2 campus-connect.client screenfull 3.3.3 3.3.3 4.2.0 campus-connect.client ts-node 7.0.1 7.0.1 8.2.0 campus-connect.client tslint 5.16.0 5.17.0 5.17.0 campus-connect.client typescript 3.1.4 3.1.4 3.5.1 campus-connect.client zone.js 0.8.29 0.8.29 0.9.1 campus-connect.client

C:\cc (master -> origin) λ npm install npm WARN angular5-csv@0.2.10 requires a peer of @angular/core@^5.0.0 but none is installed. You must install peer dependencies yourself. npm WARN angular5-csv@0.2.10 requires a peer of @angular/http@^5.0.0 but none is installed. You must install peer dependencies yourself. npm WARN angular5-csv@0.2.10 requires a peer of rxjs@^5.5.2 but none is installed. You must install peer dependencies yourself. npm WARN ngx-masonry@1.1.2 requires a peer of @angular/common@^5.0.0 || ^6.0.0 but none is installed. You must install peer dependencies yourself. npm WARN ngx-masonry@1.1.2 requires a peer of @angular/core@^5.0.0 || ^6.0.0 but none is installed. You must install peer dependencies yourself. npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.4 (node_modules\fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.4: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"}) npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.8 (node_modules\@angular\compiler-cli\node_modules\fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.8: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

updated 1 package and audited 55309 packages in 19.925s found 49 vulnerabilities (1 low, 10 moderate, 38 high) run npm audit fix to fix them, or npm audit for details

C:\cc (master -> origin) λ npm run start

Then it breaks, I goto the download from the website (Account> Orders Page) and manually copy the package into the node_modules folder and it works again. So strange!

I can't email you the app because of the authentication mechanism wont permit you in without the back end. Any chance we can do a remote session?

C:\cc (master -> origin) λ npm outdated Package Current Wanted Latest Location ng-uikit-pro-standard 7.5.3 git git campus-connect.client @angular-devkit/build-angular 0.12.4 0.12.4 0.800.1 campus-connect.client @angular/animations 7.2.14 7.2.15 8.0.0 campus-connect.client @angular/cdk 7.3.6 7.3.7 8.0.0 campus-connect.client @angular/cli 7.3.7 7.3.9 8.0.1 campus-connect.client @angular/common 7.2.14 7.2.15 8.0.0 campus-connect.client @angular/compiler 7.2.14 7.2.15 8.0.0 campus-connect.client @angular/compiler-cli 7.2.14 7.2.15 8.0.0 campus-connect.client @angular/core 7.2.14 7.2.15 8.0.0 campus-connect.client @angular/forms 7.2.14 7.2.15 8.0.0 campus-connect.client @angular/http 7.2.14 7.2.15 7.2.15 campus-connect.client @angular/language-service 7.2.14 7.2.15 8.0.0 campus-connect.client @angular/platform-browser 7.2.14 7.2.15 8.0.0 campus-connect.client @angular/platform-browser-dynamic 7.2.14 7.2.15 8.0.0 campus-connect.client @angular/router 7.2.14 7.2.15 8.0.0 campus-connect.client @angular/service-worker 7.2.14 7.2.15 8.0.0 campus-connect.client @aspnet/signalr 1.1.2 1.1.4 1.1.4 campus-connect.client @fortawesome/fontawesome-free 5.8.1 5.9.0 5.9.0 campus-connect.client @ng-select/ng-select 2.18.0 2.20.0 2.20.0 campus-connect.client @swimlane/ngx-datatable 14.0.0 14.0.0 15.0.1 campus-connect.client @tinymce/tinymce-angular 2.5.0 2.5.0 3.0.1 campus-connect.client @types/chart.js 2.7.52 2.7.53 2.7.53 campus-connect.client @types/googlemaps 3.30.19 3.36.3 3.36.3 campus-connect.client @types/jasmine 2.8.16 2.8.16 3.3.13 campus-connect.client @types/lodash 4.14.123 4.14.133 4.14.133 campus-connect.client @types/node 10.14.6 10.14.8 12.0.5 campus-connect.client angular5-csv 0.2.10 0.2.10 0.2.11 campus-connect.client codelyzer 4.5.0 4.5.0 5.1.0 campus-connect.client core-js 2.6.5 2.6.9 3.1.3 campus-connect.client fs-extra 7.0.1 7.0.1 8.0.1 campus-connect.client fullcalendar 3.6.1 3.6.1 3.10.0 campus-connect.client jasmine-core 3.3.0 3.4.0 3.4.0 campus-connect.client jquery 3.3.1 3.4.1 3.4.1 campus-connect.client karma 3.1.4 3.1.4 4.1.0 campus-connect.client karma-jasmine 1.1.2 1.1.2 2.0.1 campus-connect.client ng-fullcalendar 1.7.5 1.7.5 2.0.3 campus-connect.client ngx-infinite-scroll 6.0.1 6.0.1 7.1.0 campus-connect.client ngx-mask 7.9.3 7.9.9 7.9.9 campus-connect.client rxjs 6.5.1 6.5.2 6.5.2 campus-connect.client rxjs-compat 6.5.1 6.5.2 6.5.2 campus-connect.client screenfull 3.3.3 3.3.3 4.2.0 campus-connect.client ts-node 7.0.1 7.0.1 8.2.0 campus-connect.client tslint 5.16.0 5.17.0 5.17.0 campus-connect.client typescript 3.1.4 3.1.4 3.5.1 campus-connect.client zone.js 0.8.29 0.8.29 0.9.1 campus-connect.client

C:\cc (master -> origin) λ npm install npm WARN angular5-csv@0.2.10 requires a peer of @angular/core@^5.0.0 but none is installed. You must install peer dependencies yourself. npm WARN angular5-csv@0.2.10 requires a peer of @angular/http@^5.0.0 but none is installed. You must install peer dependencies yourself. npm WARN angular5-csv@0.2.10 requires a peer of rxjs@^5.5.2 but none is installed. You must install peer dependencies yourself. npm WARN ngx-masonry@1.1.2 requires a peer of @angular/common@^5.0.0 || ^6.0.0 but none is installed. You must install peer dependencies yourself. npm WARN ngx-masonry@1.1.2 requires a peer of @angular/core@^5.0.0 || ^6.0.0 but none is installed. You must install peer dependencies yourself. npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.4 (node_modules\fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.4: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"}) npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.8 (node_modules\@angular\compiler-cli\node_modules\fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.8: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

updated 1 package and audited 55309 packages in 19.925s found 49 vulnerabilities (1 low, 10 moderate, 38 high) run <code>npm audit fix</code> to fix them, or <code>npm audit</code> for details

C:\cc (master -> origin) λ npm run start

Then it breaks, I goto the download from the website (Account> Orders Page) and manually copy the package into the node_modules folder and it works again. So strange!

I can't email you the app because of the authentication mechanism wont permit you in without the back end. Any chance we can do a remote session?

Please insert min. 15 characters.

Damian Gemza staff commented 4 years ago

Unfortunately, there's no possibility to create a remote session.

If you can't send me the whole app, please send me the simple reproduction application - without any unnecessary code. Only code from sidenav on which your problem exists.

Mitch pro commented 4 years ago

Looks like 7.5.4 fixed it!

Add comment

Write

Create snippet

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Resolved

Specification of the issue

ForumUser: Pro
Premium support: No
Technology: MDB Angular
MDB Version: 7.5.1
Device: PC
Browser: Chrome
OS: Windows
Provided sample code: No
Provided link: No

Mitch

Pro User 25Support score
3Questions 1Answers 0Snippets