Topic: SideNav Menu Disappears When Window Is Resized Vertically
MDWebservices priority asked 4 years ago
1. Go to: https://ng-demo.mdbootstrap.com/navigation/side-nav
2. Resize the window vertically so that it becomes shorter.
Expected Behaviour: The sidenav menu does not disappear.
Actual Behaviour: The sidenav menu does disappear.
Note that the sidenav does not reappear when the window is resized to be taller again.
Please advise. Thank you.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
Answered
Specification of the issue
- ForumUser: Priority
- Premium support: Yes
- Technology: MDB Angular
- MDB Version: 8.8.1
- Device: PC
- Browser: Chrome (Version 79.0.3945.117)
- OS: Windows
- Provided sample code: No
- Provided link: Yes
Konrad Stępień staff commented 4 years ago
Hi @MDWebservices,
https://ng-demo.mdbootstrap.com/navigation/side-nav need to update MDBangular verion to newest.
Can you update your project and tell me if the problem still exists?
Best, Konrad
MDWebservices priority commented 4 years ago
Hi Konrad,
Following the instructions here - https://mdbootstrap.com/docs/angular/getting-started/update/
We attempted to update our Angular Pro Version and this has not worked, unfortunately.
What else do you suggest?
Cheers,
Konrad Stępień staff commented 4 years ago
Hi @MDWebservices,
Can you also try
npm update ng-uikit-pro-standard
if you use token?What problems did you encounter while upgrading to the latest version?
MDWebservices priority commented 4 years ago
Hi Konrad,
We do not use a token, but I tried the npm update anyway and nothing happened.
We did not encounter any problems. I ran the update perfectly fine and the issue still remains.
Do you have anything else to suggest?
Thank you,
Arkadiusz Idzikowski staff commented 4 years ago
If you don't use a token then you probably install our package from the '.tgz' file.
In this case please follow this instructions (change tab to 'Zip' and take a look at 'Second version update instruction'):
https://mdbootstrap.com/docs/angular/getting-started/update/#pro
You need to install version 8.8.2.
MDWebservices priority commented 4 years ago
Hi Arkadiusz,
Thank you, I hadn't done the second part. Looks to have resolved that issue.
Thank you!
Warycha pro commented 4 years ago
Hello,
I have the same issue on version 9.3.1 of MDB Angular Pro. The problm appears only if I pass the [sidenavBreakpoint]="123" to the mdb-side-nav component.
Could I have any help with this issue please?
Best Regards Michal
noticeeverything free commented 4 years ago
@Warycha pinpointed where the bug is: when [sidenavBreakpoint] is used the side-nav is hidden when window is resized vertically.