How to hide placeholder from the list?

[lavezzi1]

Hello everyone,

I want to hide the placeholder from the list (choices list) is this possible?

[jshjohnson]

Hi,

Could you send a screenshot to illustrate what you mean please? Thanks :)

[lavezzi1]

@jshjohnson I want to hide this item 'This is placeholder' because it looks very weird.

[jshjohnson]

So the example you set is using the following HTML:

<select class="form-control" data-trigger name="choices-single-default" id="choices-single-default" placeholder="This is a search placeholder">
  <option selected disabled>This is a placeholder</option>
  <option value="Dropdown item 1">Dropdown item 1</option>
  <option value="Dropdown item 2">Dropdown item 2</option>
  <option value="Dropdown item 3">Dropdown item 3</option>
</select>

To remove the This is a placeholder, you just need to remove

<option selected disabled>This is a placeholder</option>

Thanks

[lavezzi1]

@jshjohnson I didn't say that I want to remove it, I want to HIDE it. I want to keep placeholder.

[jshjohnson]

Ah apologies. That's currently not possible but is in the works here.

[studio404pl]

@lavezzi1
I didn't have enough time to wait for new release with that improvement so you can add this css to make disabled field dissapear from the list:

.choices .choices__list .choices__list .choices__item--disabled { text-indent: -9999px; height: 0; width: 0; padding: 0; }