fix: primefaces#16578

+ Drag and Drop works again + Still wrong: Item shows below list while dragging
Arematics · Oct 18, 2024 · 9330b90 · 9330b90
1 parent aba2fa5
commit 9330b90
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/src/app/components/listbox/listbox.ts b/src/app/components/listbox/listbox.ts
@@ -48,6 +48,7 @@ import { ListBoxStyle } from './style/listboxstyle';
 import { BlankIcon } from 'primeng/icons/blank';
 import { CheckboxModule } from 'primeng/checkbox';
 import { InputIconModule } from 'primeng/inputicon';
+import {CdkDrag, DragDropModule} from "@angular/cdk/drag-drop";
 
 export const LISTBOX_VALUE_ACCESSOR: any = {
     provide: NG_VALUE_ACCESSOR,
@@ -216,6 +217,8 @@ export const LISTBOX_VALUE_ACCESSOR: any = {
                             </ng-container>
                             <ng-container *ngIf="!isOptionGroup(option)">
                                 <li
+                                    cdkDrag
+                                    [cdkDragData]="option"
                                     pRipple
                                     class="p-listbox-option"
                                     role="option"
@@ -1602,6 +1605,7 @@ export class Listbox extends BaseComponent implements AfterContentInit, OnInit,
         InputTextModule,
         BlankIcon,
         FormsModule,
+        DragDropModule
     ],
     exports: [Listbox, SharedModule, ScrollerModule],
     declarations: [Listbox],

diff --git a/src/app/components/picklist/picklist.ts b/src/app/components/picklist/picklist.ts
@@ -140,6 +140,9 @@ import { FormsModule } from '@angular/forms';
                 [attr.data-pc-group-section]="'listWrapper'"
             >
                 <p-listbox
+                    cdkDropList
+                    [cdkDropListData]="source"
+                    (cdkDropListDropped)="onDrop($event, SOURCE_LIST)"
                     #sourcelist
                     [multiple]="true"
                     [options]="source"
@@ -260,6 +263,9 @@ import { FormsModule } from '@angular/forms';
                 [attr.data-pc-group-section]="'listwrapper'"
             >
                 <p-listbox
+                    cdkDropList
+                    [cdkDropListData]="target"
+                    (cdkDropListDropped)="onDrop($event, TARGET_LIST)"
                     #targetlist
                     [multiple]="true"
                     [options]="target"
@@ -1804,7 +1810,7 @@ export class PickList extends BaseComponent implements AfterViewChecked, AfterCo
                         flex-direction: row;
                     }
 
-                  
+
                 }`;
 
                 this.renderer.setProperty(this.styleElement, 'innerHTML', innerHTML);