Navbar dropdowns open on hover instead of click

[kammeows]

p5.js version

1.11.1

What is your operating system?

Windows

Web browser and version

132.0.6834.160

Actual Behavior

When clicking on a dropdown menu (e.g., "File"), it opens as expected. However, moving the cursor to another menu item (e.g., "Edit") automatically closes the previously opened dropdown and opens the new one, even without clicking.

In addition, when hovering over a menu item (e.g., "Edit") after another dropdown is open, clicking it for the first time does not open its dropdown. Instead, it just closes the previously opened dropdown. A second click is required to actually open the new dropdown.

Expected Behavior

A dropdown menu should only open when explicitly clicked. Moving the cursor to another menu item should not trigger its dropdown unless clicked.

Also, clicking on a menu item should immediately open its dropdown, regardless of whether another dropdown was previously open. A second click should not be necessary.

Steps to reproduce

Steps:

1. Click on the "File" menu to open its dropdown.
2. Move the cursor to the "Edit" menu and hover over it (do not click).
3. Click on "Edit" once.
4. Observe that the "File" dropdown closes, but the "Edit" dropdown does not open.
5. Click "Edit" again, and now the dropdown opens.

[raclim]

Thanks for opening this! We do have a pending PR (#3320) to help improve the keyboard accessibility of the NavBar that I believe touches on this. This PR also lays out some next steps we'd like to add to it as well!