Topic: [double navigation] sidenav opens when opening the Devtools (console window, etc.)

alain.deurveilher@gmail.com pro asked 6 years ago


Hello, I am still using the 6.1.2 version official. I use the double navigation. But I set on my mdb-sidenav a breakpoint: sidenavBreakpoint="1200" so that, my sidenav hides away when clicking outside of it. The problem I am facing now, is that whenever I open the devtool window (CTRL+SHIFT+I on windows for Chrome), then the sidenav opens (and I am in the sidenav bug again when it stays open) without beeing able to close it by clicking away. Is it a know issue ?

Damian Gemza staff commented 6 years ago

Dear Alain, Could you please provide me some reproductions steps? I don't know that bug. Please give me more information about your case. Best Regards, Damian

alain.deurveilher@gmail.com pro commented 6 years ago

Please check my other response with link to a demo app and an gif showing the problem. Thank you.

Damian Gemza staff answered 6 years ago


Guys, That's bug, but easy to fix. There was problem with type of sidenavBreakpoint variable. If you're using version with editable typescripts files, please open pro/sidenav/sidenav.component.ts file, and add " + " sign before every this.sidenavBreakpoint line. If you're using version from GitLab, please install library from dev branch, because there's fix for this situation. Best Regards, Damian

it.going-public pro answered 6 years ago


i had a similar problem.

i think there is a small bug in the angular mdb template for fixed double navigation in responsive mode.

my solution was to add the showOverlay function to the slide-out button click:

<!-- SideNav slide-out button -->
<div class="float-left">
  <a (click)="sidenav.show(); sidenav.showOverlay();" class="button-collapse"><i class="fa fa-bars"></i></a>
</div>
<!--/. SideNav slide-out button -->

the disadvantage of this solution is that you have to click again on the overlay after clicking a link in the navigation...




Please insert min. 20 characters.

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: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
Tags