Allow drag and drop only if particular element is clicked (not anywhere in whole div)
poonamsinghlm opened this issue · 1 comments
poonamsinghlm commented
How to prevent drag and drop from particular element in tree-root.
For below html ,how to allow drag only if div with class "header" is clicked but prevent drag if class "body" is clicked.
Have tried dragstart event but it always shows event.target as first parent div(class "node-wrapper")
dragStart: (tree: TreeModel, node: TreeNode, event: any) => { },
<tree-root >
<ng-template #treeNodeWrapperTemplate let-node let-index="index">
<div class="node-wrapper"
(treeDrop)="node.onDrop($event)" [treeAllowDrop]="node.allowDrop" [treeDrag]="node"
[treeDragEnabled]="node.allowDrag()" [class]="node.data.isLast?'ed-object-last':''">
<div>
<div>
<div >
<div class="header">
<object-header [node]="node">
</object-header>
</div>
<div class="body">
<object-body [node]="node"> </object-body>
</div>
</div>
</div>
</ng-template>
</tree-root>
liesahead commented
I suggest to try adding click
event on .body
element and stopPropagation
there. Should work.