Sidenav menu item open / close animation


Topic: Sidenav menu item open / close animation

Marvin Herbold pro premium priority asked 3 years ago

  1. Create a sidenav in slim mode
  2. Create a parent menu item that have child menu items.
  3. Click on the parent menu item.
  4. The animation for showing the child menu items and switching the sidenav from slim to full runs at the same time and looks nice.
  5. Click on the parent menu item again.
  6. The animation for hiding the child menu item runs first, then the animation for switching the sidenav from full back to slim runs.

This is annoying - the animation for closing the child menu items and the animation for switching the sidenav menu from full back to slim should run at the same time, exactly how it does when opening it in step 3. Having one animation run after the another does not look good. I want them both to run at the same time.

Here is a snippet showing the issue - just click on the parent menu item and you will see both animations run at the same time. Click on it again, and the animations run one after another. This is annoying.

https://mdbootstrap.com/snippets/standard/marvin_herbold/3154339


Dawid Wajszczuk staff answered 3 years ago

Hi,

Thanks for your feedback. We will discuss this in our team.

Keep coding,
Dawid


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
  • User: Pro
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: MDB5 3.7.1
  • Device: All
  • Browser: All
  • OS: All
  • Provided sample code: No
  • Provided link: Yes
Tags