How do I make the HTML context menu appear with a left click?

I want to make the HTML context menu appear when a node is left-clicked, and disappear when it is clicked anywhere other than the context menu.

I figured I could satisfy the above specification by calling a method to display the context menu when a node is left-clicked.

So, referring to a question in this forum, I added the code to call the method to display the context menu to the code of the custom context menu sample.

$(go.Node,
  { . . .
    click: (e, node) => e.diagram.commandHandler.showContextMenu(node);
  },
  . . .);

However, it could not be displayed.

So I tried the code below.

$(go.Node,
  { . . .
    click: (e, node) => showContextMenu(node, myDiagram);
  },
  . . .);

In this case, I can’t hide the context menu by clicking anywhere else.

How do I make the HTML context menu appear with a left click?

Thank you in advance.

If you have set the Node.contextMenu property, this is correct:

$(go.Node,
  { . . .
    contextMenu: ...,
    click: (e, node) => e.diagram.commandHandler.showContextMenu(node);
  },
  . . .);

Thank you for your answer.

I tried the code in your answer, but it didn’t work.
I tried to use setTimeout as follows, and it worked.

$(go.Node,
  { . . .
    contextMenu: ...,
    click: (e, node) => {
       setTimeout(()=>{
           e.diagram.commandHandler.showContextMenu(node)
       }, 0)
    }
  },
  . . .);

This is my sample of JSFiddle. (Sorry, this sample is very slow.)
https://jsfiddle.net/satoshi_tanoue/ourbygne/22/

I don’t know why it worked.
Do you know any reason why it worked ?

Wow, jsFiddle is really bad for running samples. I could not get anything from it.

I just tried this code in a minimal sample, and it worked well:

    myDiagram.nodeTemplate =
      $(go.Node, "Auto",
        {
          click: (e, node) => e.diagram.commandHandler.showContextMenu(node),
          contextMenu:
            $("ContextMenu",
              $("ContextMenuButton",
                $(go.TextBlock, "BUTTON"),
                { click: (e, button) => alert(button.part.data.key) }
              )
            )
        },
        . . .

But there’s no harm in calling CommandHandler.showContextMenu in a setTimeout function.

I apologize for the speed of the sample.
This sample is fast. https://jsfiddle.net/satoshi_tanoue/p6j4c5tv/5/

Certainly, your sample works if you are using the GoJS default context menu.
However, if you are using a HTML custom context menu, it will not work.

I was relieved to get an answer that there is no problem using a setTimeout function.