Select-Input breaks Sidenav


Topic: Select-Input breaks Sidenav

smoehrle asked 4 years ago

Hey,

I just found out that the sidenav breaks when you activate a select input

Expected behavior

Sidenav should still work

Actual behavior

Nothing happens when clicking the toggle button

Resources (screenshots, code snippets etc.)

In the code snippet I copied the examplecode for a sidenav and for a select input. First click the button and the sidenav works as expected. Then activate the select input. Now the side nav toggle is broken.

https://mdbootstrap.com/snippets/standard/smoehrle/2878086

Best regards


jseird pro premium priority answered 4 years ago

As a tmp fix I bound a click event onto the toggler and exec an anonymous function to reinit the sidenav menu manually:

const sidenavInstance = new mdb.Sidenav(document.getElementById('cms-sidenav'));
sidenavInstance.show();

Then when a link is clicked within the sidenav:

const sidenavInstance = new mdb.Sidenav(document.getElementById('cms-sidenav'))
sidenavInstance.hide();

and fading out .sidenav-backdrop if used.

Although this is not a real beauty, it makes the sidebar accessible until a fix is released.


Peter Ange commented 4 years ago

Perfect solution for my tasks. Thank you Sir for sharing this method.


Grzegorz Bujański staff answered 4 years ago

Yes, we noticed that too. We will fix it as soon as possible.


jseird pro premium priority commented 4 years ago

Noticed that also. Looked for hours for a solution. Is there already a fix on its way?


Grzegorz Bujański staff commented 4 years ago

No. This bug has not been fixed yet.


jseird pro premium priority commented 4 years ago

Is there an estimated time frame for its resolution? 3.3.0 seems not to cover that.


smoehrle commented 4 years ago

Is there any further news on when this will be fixed?


Grzegorz Bujański staff commented 4 years ago

We are currently trying to fix as many bugs as possible before the next release. We will try to fix this bug as well.


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: Free
  • Premium support: No
  • Technology: MDB Standard
  • MDB Version: 3.2.0
  • Device: Any
  • Browser: Any
  • OS: Any
  • Provided sample code: No
  • Provided link: Yes