Merge pull request #16222 from IgniteUI/mkirkova/fix-16219-19.2.x

Ensure panes resize correctly on window resize - 19.2.x

Author: kacheshmarova

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

@@ -490,27 +490,22 @@ describe('IgxSplitter resizing with minSize and browser window is shrinked', ()
         const minSize = parseInt(pane1.minSize);
         spyOn(splitter, 'onMoveEnd').and.callThrough();
 
-        pane1.size = (splitter.getTotalSize() - parseInt(pane2.size)) + 'px';
-        fixture.detectChanges();
-
         splitterBarComponent.moveStart.emit(pane1);
         fixture.detectChanges();
         splitterBarComponent.movingEnd.emit(splitter.getTotalSize() -minSize);
         fixture.detectChanges();
 
         splitter.elementRef.nativeElement.style.width = '500px';
-        pane2.size = (splitter.getTotalSize() - minSize) + 'px';
         fixture.detectChanges();
 
         splitterBarComponent.moveStart.emit(pane1);
         fixture.detectChanges();
-        splitterBarComponent.movingEnd.emit(-400);
+        splitterBarComponent.movingEnd.emit(-200);
         fixture.detectChanges();
 
-        const isFullSize = pane1.size === '100%' || pane1.size === (splitter.getTotalSize() + 'px');
-
         expect(splitter.onMoveEnd).toHaveBeenCalled();
-        expect(isFullSize).toBeTruthy();
+        expect(pane1.size).toEqual('80%');
+        expect(pane2.size).toEqual('100px');
     });
 });
 

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

@@ -245,11 +245,9 @@ export class IgxSplitterComponent implements AfterContentInit {
         let [ paneSize, siblingSize ] = this.calcNewSizes(delta);
 
         if (paneSize + siblingSize > this.getTotalSize() && delta < 0) {
-            paneSize = this.getTotalSize();
-            siblingSize = 0;
-        } else if(paneSize + siblingSize > this.getTotalSize() && delta > 0) {
-            paneSize = 0;
-            siblingSize = this.getTotalSize();
+            siblingSize = this.getTotalSize() - paneSize;
+        } else if (paneSize + siblingSize > this.getTotalSize() && delta > 0) {
+            paneSize = this.getTotalSize() - siblingSize;
         }
 
         if (this.pane.isPercentageSize) {