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

MDB SupportCategory: MDB Angular[double navigation] sidenav opens when opening the Devtools (console window, etc.)
alain.deurveilher@gmail.com Pro User asked 2 months ago in MDB pro, version:6.1.2

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 ?

alain.deurveilher@gmail.com Pro User replied 2 months ago

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

Thank you.

Damian Gemza replied 2 months 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

3 Answers
alain.deurveilher@gmail.com Pro User answered 2 months ago
it.going-public Pro UserPremium answered 2 months 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…

Damian Gemza answered 2 months 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