bumbeishvili / org-chart

Highly customizable org chart. Integrations available for Angular, React, Vue
https://stackblitz.com/edit/web-platform-o5t1ha
MIT License
928 stars 330 forks source link

Dropdown overlapping from the nodes #299

Closed JowenGonzales closed 1 year ago

JowenGonzales commented 1 year ago

So I've add a dropdown inside the nodes and it seems to be overlapping from other nodes. I've already tried using z-index in my dropdowns

image

bumbeishvili commented 1 year ago

Try for the node, for which dropdown is opening

d3.select(this).raise() - this should refer to node html element (it does inside nodeUpdate) method

JowenGonzales commented 1 year ago

sorry for the late response, but it seems like it wasn't working. here is my code:

.nodeUpdate(function (d, i, arr) {
    d3.select(this).raise();
    console.log("Raised");
})

I've tested that the nodeUpdate only calls when the load pages at the first time and not when the dropdown shows, so maybe the reason is that when i click the node it doesn't raise it, because it is not calling the nodeUpdate function. Do you have any suggestions in mind?

bumbeishvili commented 1 year ago

Yes, that's the reason. What you did is to raise each node, so nothing changed, but you need to raise a specific node for which dropdown is opening when it's opening

JowenGonzales commented 1 year ago

ok i get it ..thank you very much, it worked