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 pro premium priority commented 2 days 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 1 months ago
Noticed that also. Looked for hours for a solution. Is there already a fix on its way?
Grzegorz Bujański staff commented 1 months ago
No. This bug has not been fixed yet.
jseird pro premium priority commented 1 months ago
Is there an estimated time frame for its resolution? 3.3.0 seems not to cover that.
smoehrle pro premium commented 4 days ago
Is there any further news on when this will be fixed?
Answered
- User: Pro
- Premium support: Yes
- Technology: MDB 5
- MDB Version: 3.2.0
- Device: Any
- Browser: Any
- OS: Any
- Provided sample code: No
- Provided link: Yes
- 5
- error