Placeholder is not visible

Hello,

I have added the placeholder text to “ng-select” like it was mentioned in the docs,

<ng-select
       [options]="options"
       [multiple]="true"
       placeholder='My Placeholder'
       formControlName="control_name">
</ng-select>

However the placeholder does not show up initially, the select itself is working fine with the dropdown and all but the placeholder remains blank until I select some options from the dropdown and then remove them all at this point the placeholder text in the attribute shows up. Not sure what’s wrong…

[vishnunair17]

Well turns out the ng-select’s input element had an initial width of just 1px which is why the placeholder wasn’t visible, once an option was selected the width increased and hence it was visible later on. I couldn’t update the style/css of the input element using [ngStyle] I had to override the style block in my style.css to make it work,

ng-select > div > div.multiple input{
	width:100% !important;
	height:50px;
}

[omairaslam817]

By setting <ng-select> property from [multiple]=“false” to [multiple]=“true” ,placeholder will be show at initially also,that works for me.