I'm implementing this angular-2-dropdown-multiselect component:
https://www.npmjs.com/package/angular-2-dropdown-multiselect
The component work properly but I need to set its with fit to the container...
I think that I just have to add "width:100%" somewhere but I don't know where I have to do it.
Another consideration:
The component is implemented in a Bootstrap application.
I have put the component inside a table like:
<table class="table">
<tr>
<td>Search</td>
<td><ss-multiselect-dropdown [options]="myOptions" [texts]="myTexts" [settings]="mySettings" [(ngModel)]="optionsModel" [ngModelOptions]="{standalone: true}"></ss-multiselect-dropdown></td>
</tr>
</table>
May be that considering switching from bootstrap table to a bootstrap form should render the listbox fit to container by default...
Thanks to support
<angular2-multiselect [data]="dropdownList" [(ngModel)]="selectedItems"
[settings]="dropdownSettings"
></angular2-multiselect>
maxHeight:100 You can set the maxHeight of drop down in settings in your respective component ts file
this.dropdownSettings = { singleSelection: false, text: "Select Users", selectAllText: 'Select All', unSelectAllText: 'UnSelect All', enableSearchFilter: true, classes: "myclass custom-class", maxHeight:150 };