fix: add bar index when drag #INFR-8617 (#404)

* fix: add bar index when drag #INFR-8617 * fix: add draggingItem in GanttDragContainer * fix: fix drag style
worktile · Aug 2, 2023 · a17bf27 · a17bf27
1 parent c69eaab
commit a17bf27
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 2 deletions.
diff --git a/packages/gantt/src/components/bar/bar-drag.ts b/packages/gantt/src/components/bar/bar-drag.ts
@@ -348,12 +348,10 @@ export class GanttBarDrag implements OnDestroy {
     }
 
     private setDraggingStyles() {
-        this.barElement.style.pointerEvents = 'none';
         this.barElement.classList.add('gantt-bar-draggable-drag');
     }
 
     private clearDraggingStyles() {
-        this.barElement.style.pointerEvents = '';
         this.barElement.classList.remove('gantt-bar-draggable-drag');
     }
 

diff --git a/packages/gantt/src/components/bar/bar.component.scss b/packages/gantt/src/components/bar/bar.component.scss
@@ -171,6 +171,10 @@ $gantt-bar-link-drop-border: 5px;
     }
   }
 
+  &-draggable-drag {
+    z-index: 1001;
+  }
+
   &-drop-active {
     @include active-bar();
 

diff --git a/packages/gantt/src/components/bar/bar.component.ts b/packages/gantt/src/components/bar/bar.component.ts
@@ -55,7 +55,11 @@ export class NgxGanttBarComponent extends GanttItemUpper implements OnInit, Afte
 
     override ngOnInit() {
         super.ngOnInit();
+        this.dragContainer.dragStarted.pipe(takeUntil(this.unsubscribe$)).subscribe(() => {
+            this.elementRef.nativeElement.style.pointerEvents = 'none';
+        });
         this.dragContainer.dragEnded.pipe(takeUntil(this.unsubscribe$)).subscribe(() => {
+            this.elementRef.nativeElement.style.pointerEvents = '';
             this.setContentBackground();
         });
     }