Topic: Side menu toggles (disappears & appears) when browser window is resized

kaimeng pro asked 7 years ago


MDB Angular PRO 4.3.5 with
Double Navigation with fixed SideNav and fixed Navbar

Video of issue

When the f-s-f-n codes  were added to initial code (and nothing else), resizing the browser window caused the side menu to "disappear" The space when the size menu was supposed to be is blank.  There is no "hamburger" icon.  The only way to recover is to resize the browser once more.

This does not happen in the live preview.

 

 


michaelrwright@protonmail.com pro commented 7 years ago

I’m also experiencing this exact same issue.

kaimeng pro answered 7 years ago


It works fine if I just take the changes for the file typescripts/pro/sidenav/sidenav.component.ts and ignore the changes cited by indijosh  

kaimeng pro answered 7 years ago


The solution seems to have a side effect. When the side menu is hidden (due to small browser window), clicking the “hamburger” icon does not bring the side menu back.

Maciej Szuchta free commented 7 years ago

Hello, Please, provide me some information about resolution when 'hamburger' doesn't work. Regards


Worked for me as well

kaimeng pro answered 7 years ago


The solution works.  Thank you.

Maciej Szuchta free answered 7 years ago


Hello Please try following this solution: https://mdbootstrap.com/support/fixed-angular-sidenav-slides-in-out-on-viewport-resize/

FREE CONSULTATION

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

Status

Closed

Specification of the issue

  • ForumUser: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: Yes
Tags