fix: prevent error on drag end

mattlewis92 · Oct 22, 2020 · 4a6bdbb · 4a6bdbb
1 parent 931203a
commit 4a6bdbb
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/projects/angular-draggable-droppable/src/lib/draggable.directive.ts b/projects/angular-draggable-droppable/src/lib/draggable.directive.ts
@@ -522,18 +522,18 @@ export class DraggableDirective implements OnInit, OnChanges, OnDestroy {
           this.zone.run(() => {
             this.dragging.next({ x, y });
           });
-          if (this.ghostElement) {
-            const transform = `translate3d(${transformX}px, ${transformY}px, 0px)`;
-            requestAnimationFrame(() => {
-              this.setElementStyles(this.ghostElement as HTMLElement, {
+          requestAnimationFrame(() => {
+            if (this.ghostElement) {
+              const transform = `translate3d(${transformX}px, ${transformY}px, 0px)`;
+              this.setElementStyles(this.ghostElement, {
                 transform,
                 '-webkit-transform': transform,
                 '-ms-transform': transform,
                 '-moz-transform': transform,
                 '-o-transform': transform,
               });
-            });
-          }
+            }
+          });
           currentDrag$.next({
             clientX,
             clientY,