Topic: MDB jQuery - Hamburger Menu Icon bug

nikolay2 free asked 5 years ago


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?


poomkawin free answered 5 years ago


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 5 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 5 years ago

Hi, thank you for your solution, we will implement this on our docs page. Best, Marta


MDBootstrap staff answered 5 years ago


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 5 years ago

Yes, the bug exist on the hamburger menu doc page at the animated icons.


Marta Wierzbicka staff commented 5 years ago

Hi,

I see the problem, we will fix this soon.

Best, Marta



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

  • 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