I want to get the background click be working on clicking of the chart container which is not happening about org-chart HOT 2 OPEN

Can you post an example of your trial?

You can override this one

https://stackblitz.com/edit/js-mfzkbs?file=index.html

from org-chart.

I happen to know what the issue is and i've updated the example. Click events propagate ok but mouseDown events don't. This issue might hold the answer:

Moving elements to the front by re-appending them to the DOM may prevent the browser from interpreting a sequence of mouse events (mousedown, mouseup) as a click gesture and dispatching a subsequent click event. Typically a mousedown and mouseup is only considered a click gesture if both events are received by the same element, and for whatever reason, the mouseup is considered a different element if you re-appended it to the DOM during the gesture. That’s the native browser behavior, and D3 is not a compatibility layer: it’s merely provides a facility for listening to the browser’s native events.

from org-chart.