I am still using the 6.1.2 version official. I use the double navigation. But I set on my
mdb-sidenav a breakpoint:
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 ?
Hi Damian, here are some additional information:
- animated gif of the problem: https://drive.google.com/file/d/1EoEnp7mbXtKMiSP37B40fCuzJmk6M_ab/view?usp=sharing
- zip file of that demo: https://drive.google.com/file/d/11vcc51puFppJvAaS2IQvRm81_PsK207d/view?usp=sharing
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...
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.