Topic: SideNav (Pushed) not behaving as expected
Expected behavior When clicking on the "sidenav" button it works as in the live preview: https://mdbootstrap.com/snippets/jquery/mateusz-lubianka/1530665
- Opening on click
- Opening when screen is big enough
- Closing on the sidenav button
- Hold a persistent state when resizing
Also the documentation code to not be mangled, formatted correctly and key code not commented out.
Actual behavior
- Opens on click of the sidenav button
- Doesn't open when screen is big enough
- Doesnt close when clicking the sidenav button.
- Jumps when resizing, hiding and showing.
- Documentation is not formatted correctly or comprehensible
Resources (screenshots, code snippets etc.)
Should be closed: https://i.imgur.com/ZgDhCSV.png
Code behaving as with my local example: https://mdbootstrap.com/snippets/jquery/temp/2111985?action=prism_export#
Don't forget to fix line 18/19 where it init's the sidenav!, this is an official, live docu snippet.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Open
- User: Free
- Premium support: No
- Technology: MDB jQuery
- MDB Version: 4.14.1
- Device: Desktop
- Browser: Brave (Chromium)
- OS: Windows
- Provided sample code: No
- Provided link: Yes
Grzegorz Bujański staff commented 5 years ago
Hi. We already have a task to fix it.
CALDR commented 5 years ago
Ok, thanks. At the moment I have a work-around where I handle the state myself and hide element that holds the component.
The only problem I still have is that it acts funky on resizing (without any code, so native).
It hides when it's resizing and then 'pops' back up after it's done. Is there a fix, or is this also logged?
Grzegorz Bujański staff commented 5 years ago
This is also a known error. We fix this too.