Event listeners are not supported on html label elements

[sniperact]

Cytoscape canvas is preventing Dom actions on html label elements

My Requirement is simple :

1. I need a html label support on a node - Done
2. I need to show a dropdown on hovering it - Done
3. I need to capture click event for each dropdown item - Challenging part
4. The event is actually captured by cytoscape canvas, I need to stop that too

Got the html label support by using this cytoscape node html label.
Unfortunately, DOM events are not listening on html label but, i had captured the hover functionality by mouseover event supported in cytoscape.
And here comes the thrill to capture the click event on dropdown item.

Kindly suggest me some good idea on how to capture the click event on hovered item

[nidhimittal90]

How did you show a dropdown on hovering over htmlnodelabel ? I have similar requirement and stuck at this point.

[tobystokes]

As per the README:

To make links clickable inside your labels, you need to pass enablePointerEvents: true as the 3rd argument to nodeHtmlLabel:

cyInstance.nodeHtmlLabel([
  {
    ...
  }
], {
  enablePointerEvents: true
});