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 Orange Dev House pro answered 6 years ago
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?
The Orange Dev House pro answered 6 years ago
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
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.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Resolved
- 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