How can i auto-close the picker when click outside the Canvas?

Hi everyone,

I have an issue to close the picker when i clicked outside it. I'm using the react-canvas and i can't find a solution to close the picker properly, since i can't expand or change the popover size on the div to cover the entire screen.

In the print below, i marked the current div generate with the popover where i can close the picker, but i want to be able to close it when i clicked anywhere in the screen. I have already try to change the css properties of popover, but it won't work, since it is attached on the react-canvas and not in a normal static background.

Can you guys help me with that?

No file, test, or entry point is named. Start by reproducing the picker behavior described with react-canvas and trace how the popover handles clicks; the work is done when clicking anywhere outside the picker closes it without preventing normal canvas interaction.

Written by the indexing model from the issue text.