Merge pull request #8465 from opf/fix/33247-Cannot-drag-and-drop-work-package-outside-of-currently-displayed-browser-window

[33247] Cannot drag & drop work package outside of currently displayed browser window

[ci skip]

frontend/src/app/modules/common/drag-and-drop/dom-autoscroll.service.ts

@@ -45,9 +45,16 @@ export class DomAutoscrollService {
     this.cleanAnimation();
   }
 
-  public add(el:Element) {
+  public add(el:Element|Element[]) {
+    if (Array.isArray(el)) {
+      this.elements = this.elements.concat(el);
+
+      // Remove duplicates
+      this.elements = Array.from(new Set(this.elements));
+    } else {
       this.elements.push(el);
     }
+  }
 
   public onUp() {
     cancelAnimationFrame(this.animationFrame);

frontend/src/app/modules/common/drag-and-drop/drag-and-drop.service.ts

@@ -71,14 +71,15 @@ export class DragAndDropService implements OnDestroy {
 
   public register(member:DragMember) {
     this.members.push(member);
-    const dragContainer = member.dragContainer;
+    const scrollContainers = member.scrollContainers;
 
     if (this.autoscroll) {
-      this.autoscroll.add(dragContainer);
+      this.autoscroll.add(scrollContainers);
     } else {
-      this.setupAutoscroll([dragContainer]);
+      this.setupAutoscroll(scrollContainers);
     }
 
+    const dragContainer = member.dragContainer;
     if (this.drake === null) {
       this.initializeDrake([dragContainer]);
     } else {