diff --git a/projects/element-ng/select/select-input/si-select-input.component.html b/projects/element-ng/select/select-input/si-select-input.component.html index 663528a870..9e85eea47f 100644 --- a/projects/element-ng/select/select-input/si-select-input.component.html +++ b/projects/element-ng/select/select-input/si-select-input.component.html @@ -20,7 +20,7 @@ } @if (selectionStrategy.allowMultiple) {
-
{{ overflowItem.hiddenItemCount }}+
+
{{ overflowItem.hiddenItemCount }}+
} diff --git a/projects/element-ng/select/select-input/si-select-input.component.scss b/projects/element-ng/select/select-input/si-select-input.component.scss index 02c7db809b..73ffea1c53 100644 --- a/projects/element-ng/select/select-input/si-select-input.component.scss +++ b/projects/element-ng/select/select-input/si-select-input.component.scss @@ -39,10 +39,3 @@ si-select-option + si-select-option::before { content: ',\00a0 '; } - -.overflow-item { - border-radius: all-variables.$element-radius-3; - background: all-variables.$element-base-0; - margin-inline-start: map.get(all-variables.$spacers, 2); - padding-inline: map.get(all-variables.$spacers, 4); -} diff --git a/projects/element-ng/select/testing/si-select.harness.ts b/projects/element-ng/select/testing/si-select.harness.ts index 56cdc417d9..88a77dcf9e 100644 --- a/projects/element-ng/select/testing/si-select.harness.ts +++ b/projects/element-ng/select/testing/si-select.harness.ts @@ -99,7 +99,7 @@ export class SiSelectHarness extends ComponentHarness { async getOverflowCount(): Promise { await new Promise(resolve => setTimeout(() => resolve())); - return this.locatorForOptional('.overflow-item')() + return this.locatorForOptional('.pill')() .then(overflow => overflow?.text()) .then(overflow => overflow?.replace('+', '')) .then(overflow => (overflow ? +overflow : 0));