From 64440f01e5957f7ede33da52da039433a7019dc3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mehmet=20=C3=87etin?=
 <92744169+mehmetcetin01140@users.noreply.github.com>
Date: Fri, 1 Mar 2024 11:57:05 +0300
Subject: [PATCH] Fixed #14911 - Tree | Node drop points are not contained in a
 <ul> or <ol>

---
 src/app/components/tree/tree.ts | 40 ++++++++++++++++++---------------
 1 file changed, 22 insertions(+), 18 deletions(-)

diff --git a/src/app/components/tree/tree.ts b/src/app/components/tree/tree.ts
index 12e815912a1..ccc8b0c5634 100755
--- 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>