Topic: MDB jQuery - Hamburger Menu Icon bug
I noticed an issue with hamburger icon animation. When navbar toggler is clicked it toggles the icon class (.open). But when you double-click on the icon it's shown wrong until page refresh or another double-click.
Is there a fix for it, because I searched, but didn't found solution?
Hi,
I create a temporary fix for this behavior.
Take a look here: https://mdbootstrap.com/snippets/jquery/poomkawin/1282920
I add a javascript function call 'doubleClicked' which check whether the button was clicked within 0.5 second or not. If it was clicked, the animation will not toggle (the navbar won't toggle as well).
nikolay2 free commented 4 years ago
Hi, Thanks for looking up into the issue. I tested your snippet and it works fine. Now I don't face this issue anymore. Hope it's updated on the docs page soon.
Marta Wierzbicka staff commented 4 years ago
Hi, thank you for your solution, we will implement this on our docs page. Best, Marta
Hi nikolay2,
Did you find an issue with the hamburger navigation on this doc site? https://mdbootstrap.com/docs/jquery/navigation/hamburger-menu/ If you can not reproduce the issue on this site please generate the snippet with your implementation so we can test the issue and find a solution for a future fix. https://mdbootstrap.com/snippets/
Best Regards, Piotr
nikolay2 free commented 4 years ago
Yes, the bug exist on the hamburger menu doc page at the animated icons.
Marta Wierzbicka staff commented 4 years ago
Hi,
I see the problem, we will fix this soon.
Best, Marta
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- ForumUser: Free
- Premium support: No
- Technology: MDB jQuery
- MDB Version: 4.8.10
- Device: PC
- Browser: Firefox Developer Edition
- OS: Windows 10
- Provided sample code: No
- Provided link: No