fix(select): add ellipsis on selection view (#2809)

akveo · Nov 9, 2021 · 9b525f4 · 9b525f4
1 parent 1b871f4
commit 9b525f4
Showing 1 changed file with 9 additions and 7 deletions.
diff --git a/src/framework/theme/components/select/select.component.html b/src/framework/theme/components/select/select.component.html
@@ -7,15 +7,17 @@
         type="button"
         #selectButton>
 
-    <ng-container *ngIf="selectionModel.length; else placeholderTemplate">
-      <ng-container *ngIf="customLabel; else defaultSelectionTemplate">
-        <ng-content select="nb-select-label"></ng-content>
-      </ng-container>
+    <span>
+      <ng-container *ngIf="selectionModel.length; else placeholderTemplate">
+        <ng-container *ngIf="customLabel; else defaultSelectionTemplate">
+          <ng-content select="nb-select-label"></ng-content>
+        </ng-container>
 
-      <ng-template #defaultSelectionTemplate>{{ selectionView }}</ng-template>
-    </ng-container>
+        <ng-template #defaultSelectionTemplate>{{ selectionView }}</ng-template>
+      </ng-container>
 
-    <ng-template #placeholderTemplate>{{ placeholder }}</ng-template>
+      <ng-template #placeholderTemplate>{{ placeholder }}</ng-template>
+    </span>
 
     <nb-icon icon="chevron-down-outline" pack="nebular-essentials" (click)="disabled && $event.stopPropagation()" aria-hidden="true">
     </nb-icon>