Grab compound nodes when a child node is grabbed cytoscape.js

Question

How To drag parent/compound node when drag on child node

In my case I have some child node inside compound node, I want to make child node not individually movable and want to move the whole components when drag on node. In my example everything working fine as i expected like drag on parent node move the whole components but drag on child not not move the parent node along with is child node.

Gone throw the following links for my related question.

Grab compound nodes when a child node is grabbed
Improved compound lock/grab/drag behaviour cytoscape
How to lock the position of a cytoscape.js node within its parent node

set the style property events:no to child node remove the drag event of child node and working as i expected but it remove all events in child node. but i need tab event to my child node. only i want to disable drag event in child node for its working correct.

How to remove/disable drag event to the child node and only allow to parent node or any other option to resolve my problem?

Answer 1

If you want events to fall through (i.e. bubble up without emitting on the target itself), then you can't really do this selectively for higher level gestures.

You can implement the behaviour you want by just moving along all the siblings when a child is dragged. The visual effect is the same.