LP1832146: Make sure that comboboxes don't get cut off
[Evergreen.git] / Open-ILS / src / eg2 / src / app / share / combobox / combobox.component.html
1
2 <!-- todo disabled -->
3 <ng-template #displayTemplate let-r="result">
4 {{r.label || r.id}}
5 </ng-template>
6
7 <div class="d-flex">
8   <input type="text" 
9     class="form-control"
10     [ngClass]="{'text-success font-italic font-weight-bold': selected && selected.freetext}"
11     [placeholder]="placeholder"
12     [name]="name"
13     [disabled]="isDisabled"
14     [required]="isRequired"
15     [(ngModel)]="selected" 
16     [ngbTypeahead]="filter"
17     [resultTemplate]="displayTemplate"
18     [inputFormatter]="formatDisplayString"
19     (click)="onClick($event)"
20     (blur)="onBlur()"
21     container="body"
22     (selectItem)="selectorChanged($event)"
23     #instance="ngbTypeahead"/>
24   <div class="d-flex flex-column icons" (click)="openMe($event)">
25     <span class="material-icons">keyboard_arrow_up</span>
26     <span class="material-icons">keyboard_arrow_down</span>
27   </div>
28 </div>