fix: always disable document scroll when dragging

mattlewis92 · Apr 19, 2020 · 7276cab · 7276cab
1 parent c070afa
commit 7276cab
Showing 1 changed file with 16 additions and 2 deletions.
diff --git a/projects/angular-draggable-droppable/src/lib/draggable.directive.ts b/projects/angular-draggable-droppable/src/lib/draggable.directive.ts
@@ -832,11 +832,25 @@ export class DraggableDirective implements OnInit, OnChanges, OnDestroy {
   }
 
   private enableScroll() {
-    this.renderer.setStyle(this.getScrollElement(), 'overflow', '');
+    if (this.scrollContainer) {
+      this.renderer.setStyle(
+        this.scrollContainer.elementRef.nativeElement,
+        'overflow',
+        ''
+      );
+    }
+    this.renderer.setStyle(this.document.body, 'overflow', '');
   }
 
   private disableScroll() {
-    this.renderer.setStyle(this.getScrollElement(), 'overflow', 'hidden');
+    if (this.scrollContainer) {
+      this.renderer.setStyle(
+        this.scrollContainer.elementRef.nativeElement,
+        'overflow',
+        'hidden'
+      );
+    }
+    this.renderer.setStyle(this.document.body, 'overflow', 'hidden');
   }
 
   private hasScrollbar(): boolean {