I stripped the tree and data down to bare bones as shown below, to verify it is nothing funky in other parts of my code.
This is in the angular HTML template (pretty much straight from https://www.primefaces.org/primeng/v11/#/tree/dragdrop):
Code: Select all
<p-tree [value]="testNodes"
[draggableNodes]="true"
[droppableNodes]="true"
draggableScope="self"
droppableScope="self">
</p-tree>
Code: Select all
import { TreeNode, TreeDragDropService } from 'primeng/api';
...
@Component({
selector: 'app-folder-tree',
providers: [TreeDragDropService],
templateUrl: './folder-tree.component.html',
styleUrls: ['./folder-tree.component.scss']
})
export class FolderTreeComponent implements OnInit, OnChanges {
public ngOnInit(): void {
this.testNodes = [{
label: "Root", children: [
{ label: "Sub 1" },
{ label: "Sub 2" }
]
}]
...
}
...
}
I'm using PrimeNG version 11.4.2 in an Angular app, running Angular 11.2.3 Tested in Chrome, version 90, Edge version 91.
Can anyone suggest what I might try to troubleshoot/fix this?
Thanks very much