I made a slot machine that gets activated when an option on a dropdown is selected. I don’t know exactly why but the custom animation seems to break the dropdown, because it only works the first time, I can’t choose another option and redo it. Why does it happen? I’ve searched for dropdown examples and not a single one has an action when a Dropdown Link is clicked.
Hi there,
Custom animations can sometimes interfere with Webflow’s native dropdown functionality. Dropdowns in Webflow operate with two primary states - Hide and Show - and have built-in transitions that ensure smooth functionality. To resolve this issue, you can:
- Use Webflow’s native dropdown component, which includes pre-built animations and reliable functionality
- If you need custom animations, apply them to elements inside the dropdown rather than the dropdown container itself
- Ensure your custom animations don’t conflict with the dropdown’s display properties by keeping them isolated to specific elements
For the most reliable implementation, we recommend using Webflow’s pre-built dropdown component and customizing its appearance through the Designer panel. You can find detailed instructions in the Webflow University dropdown guide.
Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.