Hey everyone,
I’m having an issue with a dropdown animation that I built in Webflow.
-
It’s a native Webflow Dropdown (not a custom div).
-
The dropdown list has a class like
Dropdown List 5. -
I’m using Dropdown open/close interactions to animate its height and opacity.
-
On the first open, it animates smoothly.
-
On the second open, it just snaps open and closed — no smooth animation.
-
I’ve already tried:
-
Rebuilding the animation from scratch
-
Resetting inline styles
-
Using class-based targeting (
Only children with this class) -
Even making a brand new dropdown in the same section
-
The strange thing is that one instance works perfectly, but copies of it or new ones made with the same animation don’t.
Is this a known issue with Webflow dropdowns or class-based IX targeting?
Could the built-in dropdown display:none behavior be overriding the animation after the first cycle?
What’s the best fix — keep using the native dropdown or rebuild as a custom dropdown using divs and IX only?
I would like if I don’t need to code out the animation for the drop down but I will admit I have yet to try that
Thanks in advance — any insight from someone who’s hit this before would be great.