Sidenav Menu Items takes too long to be visible


Topic: Sidenav Menu Items takes too long to be visible

The Orange Dev House pro asked 6 years ago

The sidenav menu items take longer than necessary to render when the menu list is long. Please see the video to understand better. Kindly advise on how to fix this. Thanks.


Arkadiusz Idzikowski staff answered 6 years ago

There are actually some problems in this particular configuration (win 10/chrome 71). Thank you for all the details, we will take a closer look at it.

For now please try to remove 'waves-effect' classes from links with mdbWavesEffect directive and let me know if that helped.


The Orange Dev House pro commented 6 years ago

Thanks! It works fine now.


Arkadiusz Idzikowski staff commented 6 years ago

Glad it works, we will update the example code in the documentation.


Arkadiusz Idzikowski staff answered 6 years ago

I tried to recreate this problem on my end but without success. Are those items loaded asynchronously? Please show me the code of your sidenav so I can debug this problem properly.


The menu items are not loaded asynchronously. They are hard-coded. I have attached a sample code here to help you reproduce the problem. Kindly include a valid key in the package.json file to run successfully.

https://drive.google.com/open?id=1R19ATnTBs9mSgbh6WqFcdCxUhJSH9VSg

Thanks!


Arkadiusz Idzikowski staff answered 6 years ago

Hello,

Thank you for the demo. Unfortunately I still can't reproduce this problem. I tried both on firefox and chrome and everything seems to be working fine.

Which browser version do you use?


I am using Chrome version 71.0.3578.98 (Official Build) (64-Bit) on Windows 10 Pro Version 1803


JackZeled0n pro answered 6 years ago

is this problem solved in the 7.4.1 version?


Arkadiusz Idzikowski staff answered 6 years ago

This problem should not occur in any version. Please try to remove 'waves-effect' classes from the links with mdbWavesEffect directive.


JackZeled0n pro commented 6 years ago

It's work for me. thanks


Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Resolved

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 6.3.0
  • Device: PC
  • Browser: Chrome
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: Yes