diff --git a/projects/igniteui-angular/src/lib/splitter/splitter.component.spec.ts b/projects/igniteui-angular/src/lib/splitter/splitter.component.spec.ts index 927e7bd8ae4..64132d138d8 100644 --- a/projects/igniteui-angular/src/lib/splitter/splitter.component.spec.ts +++ b/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'); }); }); diff --git a/projects/igniteui-angular/src/lib/splitter/splitter.component.ts b/projects/igniteui-angular/src/lib/splitter/splitter.component.ts index f8166974b57..6edd419b85b 100644 --- a/projects/igniteui-angular/src/lib/splitter/splitter.component.ts +++ b/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) {