uber/react-vis-force

Labels over nodes break hover

laurabrooks opened this issue · 1 comments

I have positioned the node labels to be on top of my nodes. When I hover over a node, that node and it's dependencies are highlighted and their labels display, but if you move the mouse over the label, the nodes are no longer highlighted and labels go away.

The issue seems to be that with a label SVG over the circle SVG for the node, hover behavior is broken - I think it may need to propagate downward to the node.

Any advice for solving this or a way of working around it would be appreciated.

Found an easy css solution to remove hover from the graph labels:

.rv-force__label {
  pointer-events: none;
}