Side menu toggles (disappears & appears) when browser window

  1. MDB Home Page
  2. Support Main Page
  3. MDB Angular
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.

 

 

mwright@manitoulintransport.com pro commented 7 years ago

I’m also experiencing this exact same issue.

Maciej Szuchta answered 7 years ago

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

kaimeng pro answered 7 years ago

The solution works.  Thank you.

michaelrwright@protonmail.com pro answered 7 years ago

Worked for me as well

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 commented 7 years ago

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

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  

FREE CONSULTATION

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

Closed

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: Yes
About author
kaimeng
Pro User
12Support score
5Questions 5Answers
0Snippets likes 0Snippets