Hey all,
I have the following problem. I implemented a nested Dropdown structure with the third nested dropdown toggle being a collection List. I wanted the dropdown animation to go smoothly so I put an interaction on it. Now the problem is because the interaction affects the dropdown-list class (children of the current Dropdown) all dropdowns are closed even if i did not click on that specific one. Does someone knows how I can make it work so the dropdowns work as they should?
Hey @Port_of_Folio,
thank you so much for your help!
I changed it as you suggested and now there is some other unwanted behavior. The dropdown animations only works the first time. But when closing the animation doesn’t work. Also if i open it the second time it just instantly opens without animation.
Your feedback is very much appreciated, thank you!
Anni
Hmm, I can’t seem to find a reason why this is happening. Admittedly, I’m not too familiar with using the dropdown interaction. I found this discussion and it appears that you’ve followed all of the steps. Might be a conflict with your sub-dropdowns since the interaction targets the list element.
Have you considered creating a custom dropdown for those sub-dropdowns? Meaning, not using Webflow’s native dropdown element? This could help. The downside is that when clicking a second sub-dropdown, the others will not close automatically without the use of some additional code.
@Port_of_Folio Thank you🙏
I changed them to costum dropdowns and its working now.
the problem is as you described now that all the other dropdowns stay open if not manually closed. Don’t really have a solution for that.
If you know some custom code or some informative threads about that it will be very much appreciated.
In any case, thanks a lot!
