Merge pull request #14503 from IgniteUI/ganastasov/fix-14276-master

fix(drag-drop): clear transform style for default position - master

Author: kacheshmarova

projects/igniteui-angular/src/lib/directives/drag-drop/drag-drop.directive.ts

@@ -1463,6 +1463,10 @@ export class IgxDragDirective implements AfterContentInit, OnDestroy {
 
     /** Method setting transformation to the base draggable element. */
     protected setTransformXY(x: number, y: number) {
+        if(x === 0 && y === 0) {
+            this.element.nativeElement.style.transform = '';
+            return;
+        }
         this.element.nativeElement.style.transform = 'translate3d(' + x + 'px, ' + y + 'px, 0px)';
     }
 

projects/igniteui-angular/src/lib/splitter/splitter.component.spec.ts

@@ -304,6 +304,25 @@ describe('IgxSplitter', () => {
         expect(pane2.element.offsetWidth).toBeCloseTo(pane2_originalSize - 100);
     });
 
+    it('should reset transform style of vertical splitter bar after dragging', async () => {
+        const pane1 =  splitter.panes.toArray()[0];
+        pane1.size = '200px';
+        fixture.detectChanges();
+
+        fixture.componentInstance.type = SplitterType.Vertical;
+        fixture.detectChanges();
+        const splitterBarComponent = fixture.debugElement.query(By.css(SPLITTERBAR_CLASS)).nativeElement;
+
+        const splitterBar = fixture.debugElement.query(By.css(SPLITTERBAR_CLASS)).context;
+        splitterBar.moveStart.emit(pane1);
+        splitterBar.moving.emit(-150);
+        fixture.detectChanges();
+
+        splitterBar.movingEnd.emit(50);
+        fixture.detectChanges();
+
+        expect(splitterBarComponent.style.transform).not.toBe('translate3d(0px, 0px, 0px)');
+    });
 });
 
 describe('IgxSplitter pane toggle', () => {