From f4e0445212824788d10cd81adc0bce484a8dbb02 Mon Sep 17 00:00:00 2001
From: Dan Percic <dan@devplant.ro>
Date: Tue, 25 Jan 2022 17:25:09 +0200
Subject: [PATCH] use normal scroll in workflow

---
 .../listing/workflow/workflow.component.html  | 86 +++++++++----------
 1 file changed, 42 insertions(+), 44 deletions(-)

diff --git a/src/lib/listing/workflow/workflow.component.html b/src/lib/listing/workflow/workflow.component.html
index 336d191..e5cac1b 100644
--- a/src/lib/listing/workflow/workflow.component.html
+++ b/src/lib/listing/workflow/workflow.component.html
@@ -27,53 +27,51 @@
         class="column"
     >
         <iqser-column-header [(selectionColumn)]="selectionColumn" [bulkActions]="bulkActions" [column]="column"></iqser-column-header>
-        <cdk-virtual-scroll-viewport [itemSize]="itemHeight">
+        <div
+            (cdkDropListDropped)="move($event)"
+            *ngIf="column.entities | async as entities"
+            [cdkDropListData]="entities"
+            [cdkDropListEnterPredicate]="canMoveTo(column)"
+            [class.multi-select-active]="selectionColumn === column"
+            [id]="column.key"
+            cdkDropList
+            cdkDropListSortingDisabled
+        >
             <div
-                (cdkDropListDropped)="move($event)"
-                *ngIf="column.entities | async as entities"
-                [cdkDropListData]="entities"
-                [cdkDropListEnterPredicate]="canMoveTo(column)"
-                [class.multi-select-active]="selectionColumn === column"
-                [id]="column.key"
-                cdkDropList
-                cdkDropListSortingDisabled
+                (cdkDragEnded)="stopDragging()"
+                (cdkDragStarted)="startDragging(column, $event)"
+                (click)="selectionColumn === column && listingService.select(entity)"
+                *ngFor="let entity of entities; trackBy: trackBy"
+                [cdkDragData]="entity"
+                [class.no-border]="dragging && draggingEntities.includes(entity)"
+                [class.selected]="all[entity.id].isSelected$ | async"
+                [ngClass]="all[entity.id].classes$ | async"
+                cdkDrag
             >
-                <div
-                    (cdkDragEnded)="stopDragging()"
-                    (cdkDragStarted)="startDragging(column, $event)"
-                    (click)="selectionColumn === column && listingService.select(entity)"
-                    *cdkVirtualFor="let entity of column.entities; trackBy: trackBy"
-                    [cdkDragData]="entity"
-                    [class.no-border]="dragging && draggingEntities.includes(entity)"
-                    [class.selected]="all[entity.id].isSelected$ | async"
-                    [ngClass]="all[entity.id].classes$ | async"
-                    cdkDrag
-                >
-                    <ng-container *ngIf="!draggingEntities.includes(entity)">
-                        <ng-container *ngTemplateOutlet="itemTemplate; context: { entity: entity }"></ng-container>
+                <ng-container *ngIf="!draggingEntities.includes(entity)">
+                    <ng-container *ngTemplateOutlet="itemTemplate; context: { entity: entity }"></ng-container>
+                </ng-container>
+
+                <ng-template cdkDragPlaceholder>
+                    <div *ngFor="let e of draggingEntities" [style.min-height]="itemHeight + 'px'" class="placeholder"></div>
+                </ng-template>
+
+                <ng-template cdkDragPreview>
+                    <ng-container *ngFor="let e of draggingEntities">
+                        <div
+                            [class.selected]="all[e.id].isSelected$ | async"
+                            [ngClass]="all[e.id].classes$ | async"
+                            [style.width]="itemWidth + 'px'"
+                        >
+                            <ng-container *ngTemplateOutlet="itemTemplate; context: { entity: e }"></ng-container>
+                        </div>
                     </ng-container>
-
-                    <ng-template cdkDragPlaceholder>
-                        <div *ngFor="let e of draggingEntities" [style.min-height]="itemHeight + 'px'" class="placeholder"></div>
-                    </ng-template>
-
-                    <ng-template cdkDragPreview>
-                        <ng-container *ngFor="let e of draggingEntities">
-                            <div
-                                [class.selected]="all[e.id].isSelected$ | async"
-                                [ngClass]="all[e.id].classes$ | async"
-                                [style.width]="itemWidth + 'px'"
-                            >
-                                <ng-container *ngTemplateOutlet="itemTemplate; context: { entity: e }"></ng-container>
-                            </div>
-                        </ng-container>
-                    </ng-template>
-                </div>
-
-                <div (click)="addElement.emit()" *ngIf="column.key === addElementColumn" class="add-btn">
-                    <mat-icon [svgIcon]="addElementIcon"></mat-icon>
-                </div>
+                </ng-template>
             </div>
-        </cdk-virtual-scroll-viewport>
+
+            <div (click)="addElement.emit()" *ngIf="column.key === addElementColumn" class="add-btn">
+                <mat-icon [svgIcon]="addElementIcon"></mat-icon>
+            </div>
+        </div>
     </div>
 </div>