Fixed #14911 - Tree | Node drop points are not contained in a <ul> or…

… <ol>
primefaces · Mar 1, 2024 · 64440f0 · 64440f0
1 parent 90830b2
commit 64440f0
Showing 1 changed file with 22 additions and 18 deletions.
diff --git a/src/app/components/tree/tree.ts b/src/app/components/tree/tree.ts
@@ -54,15 +54,17 @@ import {
     selector: 'p-treeNode',
     template: `
         <ng-template [ngIf]="node">
-            <li
-                *ngIf="tree.droppableNodes"
-                class="p-treenode-droppoint"
-                [ngClass]="{ 'p-treenode-droppoint-active': draghoverPrev }"
-                (drop)="onDropPoint($event, -1)"
-                (dragover)="onDropPointDragOver($event)"
-                (dragenter)="onDropPointDragEnter($event, -1)"
-                (dragleave)="onDropPointDragLeave($event)"
-            ></li>
+            <ul>
+                <li
+                    *ngIf="tree.droppableNodes"
+                    class="p-treenode-droppoint"
+                    [ngClass]="{ 'p-treenode-droppoint-active': draghoverPrev }"
+                    (drop)="onDropPoint($event, -1)"
+                    (dragover)="onDropPointDragOver($event)"
+                    (dragenter)="onDropPointDragEnter($event, -1)"
+                    (dragleave)="onDropPointDragLeave($event)"
+                ></li>
+            </ul>
             <li
                 *ngIf="!tree.horizontal"
                 [ngClass]="['p-treenode', node.styleClass || '', isLeaf() ? 'p-treenode-leaf' : '']"
@@ -133,15 +135,17 @@ import {
                     ></p-treeNode>
                 </ul>
             </li>
-            <li
-                *ngIf="tree.droppableNodes && lastChild"
-                class="p-treenode-droppoint"
-                [ngClass]="{ 'p-treenode-droppoint-active': draghoverNext }"
-                (drop)="onDropPoint($event, 1)"
-                (dragover)="onDropPointDragOver($event)"
-                (dragenter)="onDropPointDragEnter($event, 1)"
-                (dragleave)="onDropPointDragLeave($event)"
-            ></li>
+            <ul>
+                <li
+                    *ngIf="tree.droppableNodes && lastChild"
+                    class="p-treenode-droppoint"
+                    [ngClass]="{ 'p-treenode-droppoint-active': draghoverNext }"
+                    (drop)="onDropPoint($event, 1)"
+                    (dragover)="onDropPointDragOver($event)"
+                    (dragenter)="onDropPointDragEnter($event, 1)"
+                    (dragleave)="onDropPointDragLeave($event)"
+                ></li>
+            </ul>
             <table *ngIf="tree.horizontal" [class]="node.styleClass">
                 <tbody>
                     <tr>