Arsalan Qaiser Arsalan Qaiser - 17 days ago 5
AngularJS Question

select multiple chosen in angularjs placeholder text issue

i have a dropdown. and i can select multiple option. but problem is due to multiple option i am unable change my default text. and default text showing like this. please see the image

enter image description here

and here is my html code:

<select multiple required ng-change="StateChanged(user.ID)" ng-model="answers" data-placeholder="Select Users" chosen="" class="chosen-select input-md"
ng-options="user.ID as user.EmployeeName + ' '+user.EmployeeLastName for user in users">
<option disabled></option>
</select>


Please Help what should i do to fixed this issue

Answer

I had a similar problem with Chosen and multi-select where my text was being cut off. The below worked for me.

CSS

.chosen-container .chosen-choices .search-field:only-child input {
  width: 100% !important;
}