diff --git a/lib/core/src/lib/dynamic-chip-list/dynamic-chip-list.component.ts b/lib/core/src/lib/dynamic-chip-list/dynamic-chip-list.component.ts index 30c874d76b..005abdd377 100644 --- a/lib/core/src/lib/dynamic-chip-list/dynamic-chip-list.component.ts +++ b/lib/core/src/lib/dynamic-chip-list/dynamic-chip-list.component.ts @@ -179,7 +179,7 @@ export class DynamicChipListComponent implements OnChanges, OnInit, AfterViewIni chips.reduce((width, val, index) => { width += val._elementRef.nativeElement.getBoundingClientRect().width + chipMargin; const availableSpace = - (index && index === chips.length - 1) || !this.paginationData ? containerWidth - viewMoreBtnWidth : containerWidth; + (index === chips.length - 1 && width <= containerWidth) ? containerWidth : containerWidth - viewMoreBtnWidth; if (availableSpace >= width - chipMargin) { chipsToDisplay = (this.paginationData ? chipsToDisplay : index) + 1; lastIndex++;