Topic: Double Fixed Navigation not resizing properly

rctoone pro asked 5 years ago


I am trying to create the double fixed navigation based on the code provided for the Double Navigation with fixed SideNav & fixed Navbar https://mdbootstrap.com/previews/docs/latest/html/navigation/side-nav-fixed-navbar-fixed.html I have copied the code provided on the layout/navigation page for the link above. I put the html in my app.component.html. I am having issues when resizing the screen. Sometimes the side navigation is showing when it shouldn't. Or when you go from small browser size to full screen the sidenav is no longer appearing. Is there a way to force the sidenav to always appear no matter the size of the screen? Also is the code snippet up on for the double navigation current for 4.4.0-dev?

Maciej Szuchta free commented 5 years ago

Hello Rctoone Please tell me the moment when navigation is displayed but it shouldn't? Regards

rctoone pro commented 5 years ago

So after doing some more testing it appears the sidenav is toggling every time a resize occurs. It doesn't take the screen size into consideration. It just toggles displaying the sidenav every time a resize on the window occurs. The top navigation bar doesn't do this and is working correctly. It only toggles to show the hamburger icon when the screen size is too small. I have made a google doc with some screen shots and my code highlighting this problem. https://docs.google.com/document/d/1I9WWk5Ix3UCbixN-1ly-P-mvXr78jdjTcYVlhut6iDs/edit?usp=sharing The interesting thing is that the preview on your site doesn't have this problem. That is why i am asking if the preview on the site is using 4.4.0-dev? I just copied the code for the preview and did my own *ngFor. Let me know if there is something I am missing?

Dawid Adach pro commented 5 years ago

Dear rctoone, Could you please check whether the issue occurs in 4.3.7 version?

rctoone pro commented 5 years ago

So i am using the download link for 4.3.7. the mdb.scss file in the zip has this version in the comments. * Material Design for Bootstrap 4 * Version: MDB PRO 4.4.0-dev

Dawid Adach pro commented 5 years ago

Resizing issue was fixed in 4.3.7 please send me your project (without node_modules) to d.adach@mdbootstrap.com

rctoone pro commented 5 years ago

So this actually appears to be an issue with my installation of mdbootstrap i was reference the older typescript files that were causing the issue. I updated those found in the 4.3.7 zip and it fixed the issue. Sorry for the hassle.


Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Resolved

Specification of the issue

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