Topic: Select-Input breaks Sidenav
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
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.
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.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- 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