Org-chart dynamic overlaps nodes

[mthor1979]

We have created the orgchart and we added a drag and drop where a button or icon can be dragged on a child or parent node, this works great until we get alot of leaf nodes, there is a screen show below. I am not sure if it has something to do with our container, or the calculation that is going on to build the chart

[mthor1979]

i figured out the problem, it is because the OrgChart is set to a table-layout: fixed in the .ui-table table {} . I just added in a little override and now the dynamic drag and drop org chart works great!

.ui-table table {
border-collapse: collapse;
width: 100% !important;
table-layout: auto !important;
}

[lituy]

We have created the orgchart and we added a drag and drop where a button or icon can be dragged on a child or parent node, this works great until we get alot of leaf nodes, there is a screen show below. I am not sure if it has something to do with our container, or the calculation that is going on to build the chart

Can u plz share the source code as I am struggling to achieve the same

[lituy]

Can u plz help with Reference if any. as While Dragging the Draggable item, the Cursor Changes to Forbidden/Restricted Symbol. (immediate after Mouse press and Start of Drag). Any small code snippet may be helpful.