bug: Right-click context menu does not close when clicking outside (unlike file dropdown menu)

[Himanshu-9977]

p5.js version

1.11.10

What is your operating system?

Windows

Web browser and version

Brave : 1.83.118 Chromium: 141.0.7390.108 (Official Build) (64-bit)

Actual Behavior

When interacting with the file explorer in the p5.js Web Editor, the dropdown menu (triggered by clicking the down-arrow next to a file) correctly closes when the user clicks anywhere outside of it.

However, the right-click context menu behaves inconsistently. After right-clicking on a file to open the context menu, clicking elsewhere on the page does not close the menu. It remains on screen until a manual action is taken (e.g., selecting an option or reloading).

This creates an inconsistent UX and may cause confusion, especially since the dropdown and context menus are expected to behave similarly.

Expected Behavior

The right-click context menu should close automatically when clicking outside of it, consistent with the behavior of the file dropdown (down-arrow button).

Steps to reproduce

Steps:

1. Open the p5.js Web Editor.
2. In the file explorer, right-click on any file.
3. A context menu appears.
4. Click anywhere outside of the context menu.
5. Observe that the menu does not close.

[welcome]

Welcome! 👋 Thanks for opening your first issue here! And to ensure the community is able to respond to your issue, be sure to follow the issue template if you haven't already.