SideNav Menu Disappears When Window Is Resized Vertically


Topic: SideNav Menu Disappears When Window Is Resized Vertically

MDWebservices pro premium asked 8 months 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.


Konrad Stępień staff commented 8 months 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 pro premium commented 8 months 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 8 months 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 pro premium commented 8 months 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 8 months 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 pro premium commented 8 months ago

Hi Arkadiusz,

Thank you, I hadn't done the second part. Looks to have resolved that issue.

Thank you!


Warycha pro commented 2 months 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 commented 1 months ago

@Warycha pinpointed where the bug is: when [sidenavBreakpoint] is used the side-nav is hidden when window is resized vertically.


Please insert min. 20 characters.
Status

Answered

Specification of the issue
  • User: Pro
  • Premium support: Yes
  • Technology: Angular
  • MDB Version: 8.8.1
  • Device: PC
  • Browser: Chrome (Version 79.0.3945.117)
  • OS: Windows
  • Provided sample code: No
  • Provided link: Yes
Tags