I feel like I am missing something here because no matter what I do, I cannot get an interactions to work on my dropdown. I have tried applying it to the dropdown button and the list and triggered the list from the button and all I can get it to do is move instead of my desired scale action. When I do get it to work it affects the dropdown arrow too and it looks pretty awful. Can anyone tell me how this is supposed to work?
Sorry this is giving you trouble, it can be a little tricky.
Give these steps a try to animate your dropdown menu's height:
- Apply the IX to the List element.
- Style the List element to
- Set the IX Initial Appearance to
- Set the IX Open step to
- In Dropdown Settings, set
With any luck, that should do it!
Thanks Dan. That fixed it. Very confusing though. I think someone should do a tutorial on it.
[Video] How I added animation and easing to Webflow dropdowns
Oh, and don't forget to set your
close delay to match your interaction length in your Dropdown Settings. In this example it would be