skin navbar collapse bug


Topic: skin navbar collapse bug

KuebelElch15 pro asked 6 years ago

I was trying to get the navbar of my skin full width (over the sidebar). I only needed to edit the z-index. But now a problem (in my oppion it is a bug): Since the collapse button is visible even if the sidenav is open, I can click it. But a 2nd click on the button doesn't closes the sidenav, it reopens it and the whole page is broken. 

 

To reproduce it just give the navbar a z-index of 1040 and resize to mobile view. Than click the collapse button twice or more


acscreative commented 6 years ago

Were you able to find a solution for this. Im having the same issue.


Marta Szymanska staff pro premium answered 6 years ago

Hi,

as you've noticed, there is a bug with that. For now, I don't have a quick workaround for the issue. We will fix that bug as soon as possible and we will inform you here.

Best,

Marta


KuebelElch15 pro commented 6 years ago

Thanks for your effort 


Marta Szymanska staff pro premium commented 6 years ago

Hi,

you’re welcome. For sure, we will try to find a solution quickly.

Best, 

Marta


Marta Szymanska staff pro premium answered 6 years ago

Hi,

would you reproduce your code by creating a snippet here: https://mdbootstrap.com/snippets/? I'll try to help you.

Best,

Marta


KuebelElch15 pro answered 6 years ago

Hey @Marta Szymanska , Here is the snippet. The only thing I've changed is the css. Try to resize the window that the mobile collapseable sidenav appears (the 3 bars on the top left). Now press the nav button several times. I think this is a bug.

Thanks that you help :)


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 jQuery
  • MDB Version: 4.5.12
  • Device: mobile
  • Browser: all
  • OS: all
  • Provided sample code: No
  • Provided link: Yes
Tags