[double navigation] sidenav opens when opening the Devtools

  1. MDB Home Page
  2. Support Main Page
  3. MDB Angular
Topic: [double navigation] sidenav opens when opening the Devtools (console window, etc.)

alain.deurveilher@gmail.com pro asked 7 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 7 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 7 years ago

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

alain.deurveilher@gmail.com pro answered 7 years ago

Hi Damian, here are some additional information:

it.going-public pro answered 7 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...

Damian Gemza staff answered 7 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
Write
Create snippet
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
  • User: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
About author
alain.deurveilher@gmail.com
Pro User
2Support score
7Questions 8Answers
0Snippets likes 0Snippets