Dropdown placeholder / prompt / blank items?

[jasper502]

I have a ajax populated select configured like this (load omitted for clarity):

plugins: ['dropdown_input'],
allowEmptyOption: true,
maxItems: 1,
valueField: 'value',
labelField: 'label',
searchField: 'label',
optgroupField: 'optgroup_id',
preload: true,
placeholder: "Search...",
closeAfterSelect: false,

With this HTML:

<select data-selected="" data-controller="ts-select" data-type="asset_category" class="select required tomselected ts-hidden-accessible" name="asset[asset_category_id]" id="asset_asset_category_id" tabindex="-1">
  <option value="">Select Category...</option>
  <option value=""></option>
</select>

and I get this:

with the prompt as a selected item and I am looking for this:

I have tried all combinations of the HTML and TS placeholder / prompt / bank settings.

[oyejorge]

Try

allowEmptyOption: false,

with

<select data-selected="" data-controller="ts-select" data-type="asset_category" class="select required tomselected ts-hidden-accessible" name="asset[asset_category_id]" id="asset_asset_category_id" tabindex="-1">
  <option value="">Select Category...</option>
</select>

[jasper502]

That solves the dropdown state but now the select is empty and the prompt / placeholder is gone:

[jasper502]

Less than ideal but works:

#asset_asset_category_id-opt-1 {

  display: none;

}