Close clipboard if clicked outside

[manics]

I think it's more natural for the clipboard to automatically close when you click the desktop outside it, e.g. to paste something into the desktop. Currently you have to click the button again to close it.

[github-actions]

👈 Launch a binder notebook on this branch for commit f337437

I will automatically update this comment whenever this PR is modified

👈 Launch a binder notebook on this branch for commit b4ef5ac

👈 Launch a binder notebook on this branch for commit 05c6af9

👈 Launch a binder notebook on this branch for commit f88af7d

[yuvipanda]

Screen.Recording.2024-07-12.at.3.11.02.PM.mov

This only seems to close it if clicked on the canvas, and not on the background or elsewhere on the bar.

Can we attach the event to body or similar so it hides when clicked anywhere outside?

[manics]

I originally restricted it to the canvas to reduce the chance of complex interactions if we added more items to the menu bar or background area in future. I've changed it to document.body in the last commit.

[manics]

This will require attaching handlers to multiple elements, as NoVNC attaches an onclick handler to canvas with stopPropagation, so the handler on the parent element isn't called.

[yuvipanda]

Tested and it works! Thank you @manics