Example on how to implement contextmenu on node right click

[maria-benson]

How to add a context menu on right click of the node . I have tried with contextmenu/ oncontext event but they don't seem to support prevent default function. Even with the click it supports preventdefault but still the browser contextmenu is showing up instead. Any suggestions on how to approach this.

example: - network.on('click/contextmenu/oncontext', (event) => {
console.log(event);
const pointer = event.pointer;

    // Get the node at the pointer position using network.getNodeAt
    const nodeId = network.getNodeAt(pointer.DOM);

    if (nodeId) {
        console.log('Clicked node ID:', nodeId);
        // Your logic for showing the context menu or any other logic for the node
        event.preventDefault();  // Optional, prevent any default context menu
        console.log('before show');
        this.showContextMenu(event, nodeId); // Call your custom context menu function
        console.log('after show');

    } else {
        console.log('Clicked on background or no node');
    }

});