How to keep it open for styling purposes?

[mrpsiho]

On this page https://fkhadra.github.io/react-contexify/theme-builder the menu always visible. How could I achieve the same? Is it a prop I have to use or any other way? The thing is I am using custom items and I need to use devtools to inspect and styles them. But when I try using devtools - the menu is getting closed. How to keep it opened?

[SethReloaded]

I've run into the same issue.
You can just add a "onVisibilityChange" event handler to your Menu and set a breakpoint in your eventhandler.
The event is fired before the element disappears, therefore you can inspect the item then. Although a bit clunky, this worked for me. Don't now if this is still relevant though :)

[rzinnatullin]

The general solution for debugging things that disappear on blur is to run the following command in browser console:

setTimeout(() => { debugger; }, 5000);

then activate the thing (context menu). Once the timeout triggers, you're be able to use the element inspector while the element (context menu) is frozen on the page.