Flickering navbar because of animation trigger

Hi everyone!

I am working on a website and the client wants a revamp of the old navbar. I am working on animations, especially for the “Solutions” dropdown.

This opens a menu for desktop, where you can press “Companies” or “Stakeholders” to access different links. The resizing of the menu works, but it is flickering.

In the screenshot below you can see the only way how I managed to make it work. Basically, the navbar-content wrapper resizes to height auto after (and during) each step. I suspect it is a problem when I hide and show those 2 grids for the menu. If I do not include this size change to auto in every step, the resizing animation just does not work.

Do I need to change something in timing? Or what I am doing is not best practice? Please help me :slight_smile:

Thank you very much for your time!


Here is my public share link: Webflow - Nimity - All Things Equity