fix(overlay): set specific offset values in setOffset function

Author: georgianastasov

projects/igniteui-angular/src/lib/services/overlay/overlay.spec.ts

@@ -820,7 +820,6 @@ describe('igxOverlay', () => {
             const componentElementRect = componentElement.getBoundingClientRect();
             let overlayContentTransform = contentElement.style.transform;
             const firstTransform = 'translate(40px, 40px)';
-            const secondTransform = 'translate(30px, 60px)';
 
             expect(contentElementRect.top).toEqual(componentElementRect.top);
             expect(contentElementRect.left).toEqual(componentElementRect.left);
@@ -833,6 +832,7 @@ describe('igxOverlay', () => {
             const contentElementRectNew = contentElement.getBoundingClientRect();
             const componentElementRectNew = componentElement.getBoundingClientRect();
             overlayContentTransform = contentElement.style.transform;
+            const secondTransform = 'translate(-10px, 20px)';
 
             expect(contentElementRectNew.top).toEqual(componentElementRectNew.top);
             expect(contentElementRectNew.left).toEqual(componentElementRectNew.left);
@@ -847,6 +847,29 @@ describe('igxOverlay', () => {
             overlayInstance.detachAll();
         }));
 
+        it('Should set transformX and transformY correctly in setOffset method', fakeAsync(() => {
+            const fixture = TestBed.createComponent(WidthTestOverlayComponent);
+            const overlayInstance = fixture.componentInstance.overlay;
+
+            const id = fixture.componentInstance.overlay.attach(SimpleRefComponent);
+            overlayInstance.show(id);
+            fixture.detectChanges();
+            tick();
+
+            // Set initial offset
+            overlayInstance.setOffset(id, 20, 20);
+            const overlayInfo = overlayInstance.getOverlayById(id);
+            expect(overlayInfo.transformX).toEqual(20);
+            expect(overlayInfo.transformY).toEqual(20);
+
+            // Set new offset
+            overlayInstance.setOffset(id, 10, 10);
+            expect(overlayInfo.transformX).toEqual(10);
+            expect(overlayInfo.transformY).toEqual(10);
+
+            overlayInstance.detachAll();
+        }));
+
         it('#1690 - click on second filter does not close first one.', fakeAsync(() => {
             const fixture = TestBed.createComponent(TwoButtonsComponent);
             const button1 = fixture.nativeElement.getElementsByClassName('buttonOne')[0];

projects/igniteui-angular/src/lib/services/overlay/overlay.ts

@@ -505,8 +505,8 @@ export class IgxOverlayService implements OnDestroy {
             return;
         }
 
-        info.transformX += deltaX;
-        info.transformY += deltaY;
+        info.transformX = deltaX;
+        info.transformY = deltaY;
 
         const transformX = info.transformX;
         const transformY = info.transformY;