From 535d5d42fc22114c96299db08dc75a9616b4dab7 Mon Sep 17 00:00:00 2001
From: Yingle Jia <jiay@us.ibm.com>
Date: Wed, 8 Mar 2023 11:30:14 -0500
Subject: [PATCH 1/2] fix(angular-list): fix drag drop issue

---
 packages/angular/src/list/ai-list.component.ts           | 3 +++
 .../src/list/list-item/ai-list-item-wrapper.component.ts | 9 +++++++++
 2 files changed, 12 insertions(+)

diff --git a/packages/angular/src/list/ai-list.component.ts b/packages/angular/src/list/ai-list.component.ts
index 2f5376eec6..7e0abe6c85 100644
--- a/packages/angular/src/list/ai-list.component.ts
+++ b/packages/angular/src/list/ai-list.component.ts
@@ -60,8 +60,11 @@ export enum SelectionType {
           (droppedAbove)="handleDrop(data.parentItem, data.index)"
           (droppedBelow)="handleDrop(data.parentItem, data.index + 1)"
           (droppedNested)="handleDrop(data.item, 0)"
+          (dragEnterBelow)="handleDragOver($event, data.parentItem)"
           (dragOverBelow)="handleDragOver($event, data.parentItem)"
+          (dragEnterAbove)="handleDragOver($event, data.parentItem)"
           (dragOverAbove)="handleDragOver($event, data.parentItem)"
+          (dragEnterNested)="handleDragOver($event, data.item)"
           (dragOverNested)="handleDragOver($event, data.item)"
         >
           <ai-list-item
diff --git a/packages/angular/src/list/list-item/ai-list-item-wrapper.component.ts b/packages/angular/src/list/list-item/ai-list-item-wrapper.component.ts
index 1683fc7547..c1586d6d84 100644
--- a/packages/angular/src/list/list-item/ai-list-item-wrapper.component.ts
+++ b/packages/angular/src/list/list-item/ai-list-item-wrapper.component.ts
@@ -21,6 +21,7 @@ import { Component, EventEmitter, Input, Output } from '@angular/core';
             aiListTarget
             targetPosition="nested"
             (dropping)="droppedNested.emit($event)"
+            (dragEnter)="dragEnterNested.emit($event)"
             (dragOver)="dragOverNested.emit($event)"
             [targetSize]="100"
           ></div>
@@ -28,12 +29,14 @@ import { Component, EventEmitter, Input, Output } from '@angular/core';
             aiListTarget
             targetPosition="above"
             (dropping)="droppedAbove.emit($event)"
+            (dragEnter)="dragEnterAbove.emit($event)"
             (dragOver)="dragOverAbove.emit($event)"
           ></div>
           <div
             aiListTarget
             targetPosition="below"
             (dropping)="droppedBelow.emit($event)"
+            (dragEnter)="dragEnterBelow.emit($event)"
             (dragOver)="dragOverBelow.emit($event)"
           ></div>
         </div>
@@ -67,10 +70,16 @@ export class AIListItemWrapperComponent {
 
   @Output() dragEnd = new EventEmitter<any>();
 
+  @Output() dragEnterAbove = new EventEmitter<any>();
+
+  @Output() dragEnterBelow = new EventEmitter<any>();
+
   @Output() dragOverAbove = new EventEmitter<any>();
 
   @Output() dragOverBelow = new EventEmitter<any>();
 
+  @Output() dragEnterNested = new EventEmitter<any>();
+
   @Output() dragOverNested = new EventEmitter<any>();
 
   @Output() droppedBelow = new EventEmitter<any>();

From 6ed9898e15b76cf35cf349735d2e1869ad9bc7a9 Mon Sep 17 00:00:00 2001
From: Yingle Jia <jiay@us.ibm.com>
Date: Wed, 8 Mar 2023 12:09:49 -0500
Subject: [PATCH 2/2] fix(angular-list): fix drag drop issue

---
 .../src/list/list-item/ai-list-item-wrapper.component.ts      | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/angular/src/list/list-item/ai-list-item-wrapper.component.ts b/packages/angular/src/list/list-item/ai-list-item-wrapper.component.ts
index c1586d6d84..0c969be0b5 100644
--- a/packages/angular/src/list/list-item/ai-list-item-wrapper.component.ts
+++ b/packages/angular/src/list/list-item/ai-list-item-wrapper.component.ts
@@ -72,10 +72,10 @@ export class AIListItemWrapperComponent {
 
   @Output() dragEnterAbove = new EventEmitter<any>();
 
-  @Output() dragEnterBelow = new EventEmitter<any>();
-
   @Output() dragOverAbove = new EventEmitter<any>();
 
+  @Output() dragEnterBelow = new EventEmitter<any>();
+
   @Output() dragOverBelow = new EventEmitter<any>();
 
   @Output() dragEnterNested = new EventEmitter<any>();