Я использую элементы Infragistics / igx-input-group и igx-раскрывающийся список, чтобы создать раскрывающийся список в моем приложении. Все работает хорошо, и я могу получить данные из API REST просто отлично, но у меня возникают проблемы с отображением выбранного элемента. Несмотря на то, что отображается правильный элемент, нижняя часть обрезается и затрудняет чтение. Поэтому я не уверен, чего мне не хватает, но я ищу способ увеличить размер текстовой области в раскрывающемся списке или уменьшить размер шрифта в существующем поле, чтобы пользователь мог видеть полный выделенный текст.
Вот как это выглядит, а также мой HTML-код на Angular
<form novalidate [formGroup]="form">
<igx-input-group #inputGroup class="input-group" [igxToggleAction]="dropDown">
<input #input class="input"
type="text"
igxInput
[igxDropDownItemNavigation]="igxDropDown"
readonly= "true"
placeholder="{{placeholder}}"
formControlName="selected"
(keydown.ArrowDown)="openDropDown()"/>
<label *ngIf="label && label.length" igxLabel>{{label}}</label>
<igx-suffix igxButton="icon"
class="dropdownToggleButton"
igxRipple>
<igx-icon *ngIf="igxDropDown.collapsed; else toggleUp" fontSet="material">arrow_drop_down</igx-icon>
<ng-template #toggleUp>
<igx-icon fontSet="material">arrow_drop_up</igx-icon>
</ng-template>
</igx-suffix>
</igx-input-group>
<igx-drop-down #dropDown (onSelection)="onSelection($event)">
<igx-drop-down-item *ngFor="let option of options"
[value]="option.value"
[isSelected]="option.name === selected.value">
{{ option.name }}
</igx-drop-down-item>
</igx-drop-down>
</form>