cytoscape：在点击节点上，边缘无法正常工作

Question

我正在使用cytoscape来生成以下内容。但是当我完全点击节点时，它不起作用，但是当我点击偏移（距离节点或边缘一点点）时，点击事件就会被触发。

在下面的图片中，当我完全点击节点或边缘时，单击事件不会触发但是当我点击远离节点和边缘的红色和黑色点时，单击事件正在触发。 当我点击节点（用红笔圆化）时，我希望它能够触发。请帮帮我。

代码：

<div id="graphView" class="tabcontent" style="display:block;">
                        <div class="row" style="padding-top: 5px; text-align: left;">
                            <div id="graphDiv" class="col-sm-9 graphViewStyle"> </div>
                            <div id="toolTipDiv" class="col-sm-3"  style="word-wrap: break-word; min-height:300px;max-height:300px;min-width:200px;overflow-y: auto;border:1px solid black;
                                 border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top-left-radius:4px;border-top-right-radius:4px;">4678678678678678678ghjghj/n fghfgh</div>
                        </div>
                    </div>

Cytoscape js代码：

 var cy = cytoscape({
        //container: document.getElementById('graphView'),
        container: document.getElementById('graphDiv'),

        boxSelectionEnabled: false,
        autounselectify: false,
        zoomingEnabled: false,
        autoungrabify: false,

        style: cytoscape.stylesheet()
                .selector('node')
                .css({
                    'content': 'data(label)'
                })
                .selector('edge')
                .css({
                    'target-arrow-shape': 'triangle',
                    'width': 4,
                    'line-color': '#ccc',
                    'target-arrow-color': '#ccc',
                    'curve-style': 'bezier',
                    'content': 'data(label)'
                })


    });

这里graphDiv是我的div，我在同一个div中没有​​任何其他组件。