Not able to drop a node on the drop zone between two consecutive nodes.

[nrusingh.jena]

Hi,
I am facing couple of issues on primeng tree drag and drop. I am having hard time sorting within the tree, especially when dropping a node on the drop zone between two other consecutive nodes. The dragged node is not getting added in between the consecutive nodes. Similarly, a dragged node of a tree is not getting added in between the consecutive nodes of another tree when dropped on the dropping zone.

Tree 1 contains simple leaf nodes. Tree 2 contains nested nodes.
I am using Angular 6 and Primeng 6.

Example: Tree1
<p-tree
*ngIf="srcData?.length > 0"
[value]="srcData"
selectionMode="single"
[selection]="selectedNode"
(onNodeSelect)="nodeSelected($event)"
(onNodeDrop)="nodeDropped()"
draggableNodes="true"
droppableNodes="true">
<ng-template let-node pTemplate="default">
<span class="node-label-truncate" title="{{ node?.data?.label}}">{{ node?.label }}</span>
</ng-template>
</p-tree>


Tree2:

<p-tree
[value]="targetData"
selectionMode="single"
[selection]="selectedNode"
(onNodeSelect)="nodeSelected($event)"
draggableNodes="true"
droppableNodes="true"
(onNodeDrop)="nodeDropped($event)">
<ng-template let-node pTemplate="default">
<span class="node-label-truncate" title="{{ node.label }}">{{ node.label }}</span>
</ng-template>
</p-tree>

Please help.



Thanks
Nrusingh

[yigitfindikli]

Hi,
can you provide stackblitz case https://stackblitz.com/github/primeface ... e-template ?