Dropdown menu (navigation) interaction is bugged?

Design help Animations & Interactions
1

Hi all,

I’m having a problem with a simple dropdown interaction which opens menu. For some reason it opens straight away and as you can see on the video is also opening when hovering over other dropdowns.

I have no clue what’s causing this.

Video with described problem: https://youtu.be/kzc4hAQ9R-A

Interaction screenshot:

Screenshot 2023-02-01 at 18.59.37
Screenshot 2023-02-01 at 18.59.37392×850 32 KB

2

Can you share your preview link? @patryk.design

3

https://preview.webflow.com/preview/social-media-college?utm_medium=preview_link&utm_source=designer&utm_content=social-media-college&preview=4697da8a1e307d866118d78bfaae0df0&pageId=63da89c3f48ebc825932547a&workflow=preview

4

As for it opening right away, it is actually fading in however it’s happening fast, you can confirm that by prolonging the duration for opacity and you will see that it in fact is happening. ( You can change the easing and keep .3 seconds or just prolong it)

For why it’s opening on hover of other dropdowns I think it’s due to tabs inside. WHen there are tabs inside of a dropdown it will open by default because tab is basically clicked when Webflow loads. Try deleting tabs, if that helps that’s the reason. You can simulate tabs with divs if they are not too complicated

Let me know if this helped

5

Sorry, I honestly have no idea what you mean here. Close preview mode and open it again - you’ll see that the dropdown opens by default - which I don’t want and have no idea what’s causing it.

6
7

I see, thanks so much for your help!

1 Like
8

@marko-ninja Do you know how can I achieve the same menu effect without using tabs?