TypeScript - Stop diagram context menu from opening involuntarily

[Gareth Brown]

I have a TypeScript click event attached to a diagram which opens up a property dialog. However I've noticed the context menu on the diagram opens up, if the mouse pointer remains to hover over the node. Can I disable this from happening? This causes further when clicking on node connections, and if breaks the node links on either end. Maybe the focus is doing unintended things with diagram.

this.theDiagram =
    new ej.datavisualization.Diagram($("#diagram"), {
        pageSettings: {
            // Sets page size
            pageHeight: 1000,
            pageWidth: 600,
            // Customizes the appearance of page
            pageBorderWidth: 0,
            pageBackgroundColor: "transparent",
            pageBorderColor: "lightgray",
            pageMargin: 0,
            showPageBreak: false,
            multiplePage: false,
            pageOrientation: ej.datavisualization.Diagram.PageOrientations.Landscape,
            scrollLimit: ej.datavisualization.Diagram.ScrollLimit.Infinite
        },
        enableContextMenu: true,
        scrollSettings: {
            horizontalOffset: 0,
            verticalOffset: 0
        },
        nodes: [],
        connectors: [],
        click: (args) => { this.clickDiagram(args); }
    });

public clickDiagram(clickEvent: ej.datavisualization.Diagram.ClickEventArgs): void {
    let nodedata: NodeData = clickEvent.element.class as NodeData;
   
    // open dialog
    this.propertyDialog.open();
}

Attachment: Diagram_Dialog_Problems_52b78e2f.zip

[Shyam G]

Hi Gareth, 

When we long click the left mouse button, the taphold event raises and the context menu appears. This is a default behaviour. So please unbind the taphold event to resolve your reported issue. please refer to the code example and sample below. 

Code example: 

Var  obj = $("#diagram_contextMenu").ejMenu("instance"); 

//unbind the taphold event to acheive your requirement. 

obj._off($("#diagram_canvas"), "taphold"); 

Sample:http://www.syncfusion.com/downloads/support/directtrac/general/ze/garethsample1883303647 

Note: In the code “$("#diagram_contextMenu")”, diagram is an control ID. 

Regards, 

Shyam G 

[Gareth Brown]

Thanks, that works as expected now.

[Shyam G]

Hi Gareth, 

  

We are happy to hear that your problem is resolved. 

  

Regards, 

Shyam G