[BUG] Dropdown Menu Stays Open After Venue Selection

[Kiran1810]

Describe the bug.

After selecting a venue from the dropdown menu, the dropdown remains open instead of closing automatically. This behavior disrupts the user experience and may lead to navigation issues.

Expected behavior

The dropdown menu should automatically close after selecting a venue option, ensuring a seamless user experience and preventing overlapping with page content.

Screenshots

https://github.com/user-attachments/assets/4aafb9df-a294-4c95-9605-c637f51388ef

How to Reproduce

1. Navigate to the Venue dropdown menu in the navigation bar.
2. Click on any venue option like Singapore to navigate to that venue’s page.
3. Observe that the dropdown menu remains open instead of closing automatically.

🖥️ Device Information [optional]

• Operating System (OS):
• Browser:
• Browser Version:

👀 Have you checked for similar open issues?

• I checked and didn't find similar issue

🏢 Have you read the Contributing Guidelines?

• I have read the Contributing Guidelines

Are you willing to work on this issue ?

Yes I am willing to submit a PR!

[github-actions]

Welcome to AsyncAPI. Thanks a lot for reporting your first issue. Please check out our contributors guide and the instructions about a basic recommended setup useful for opening a pull request.
Keep in mind there are also other channels you can use to interact with AsyncAPI community. For more details check out this issue.

[Kiran1810]

Let me know if this behavior was done intentionally to keep the dropdown open after selecting a venue or if it needs to be resolved.
@AceTheCreator @ashmit-coder @thulieblack

[Kiran1810]

Let me know if this is a real issue ,so that i can raise the PR @AceTheCreator @ashmit-coder @thulieblack

[ashmit-coder]

Hey @Kiran1810 , IMO we are hovering over the component so i dont think it should go away. So ig this issue is irrelevant.

[Kiran1810]

OK @ashmit-coder ,Thanks for your feedback.

[vishvamsinh28]

@Kiran1810 you can modify the issue with this, try to move the mouse pointer to the venue and click on it multiple times it doesn't reopen. You need to move the pointer away and then return to it to try again. You could work on fixing this minor issue.

[Kiran1810]

@vishvamsinh28 I looked into the issue and noticed that the venue section does not reopen immediately when clicked multiple times. It only works again after moving the cursor away and returning.

I was thinking of two possible approaches to fix this:
Make it work only on click – This would remove the hover-based trigger and ensure the dropdown opens and closes properly when clicked.
Improve the state logic – So that clicking toggles the dropdown correctly without requiring the cursor to move away first.
so plz give me your feedback which approach would be the best fit for this.

[Kiran1810]

@vishvamsinh28 can u plz provide your feedback so that I open a PR related to this minor issue.