Dynamic placeholders for Multi-select no longer working in 9.x

Describe the bug In all versions <= 8.0.0, placeholders would show up for multiple select dropdown configurations. This is no longer working in the 9.x branch.

To Reproduce Steps to reproduce the behavior:

1. Add a new multi-select with no initial options.
2. Use the following code to add placeholder.

<select id="myselect"></select>

new Choices(document.getElementById('myselect'), {
  placeholderValue: 'This should be a placeholder'
});

Expected behavior You should see the placeholder.

Screenshots Will provide if necessary but this is pretty easy to reproduce.

Desktop (please complete the following information):

• MacOS, Chrome

[jshjohnson]

Hey - so I actually removed this functionality in the 9.0.0 release (https://github.com/jshjohnson/Choices/pull/731) but have clearly forgotten to update the documentation 🤦‍♂For versions >=9.x, placeholderValue will only apply to text elements. The reason for removing it was the added complexity of supporting it.

[evenfrost]

@travist thanks. I’ve ended with dumb’n’brute solution (using Preact):

  useEffect(() => {
    const choices = new Choices(selectRef.current, options as IChoices.Options);
    
    if (restProps.multiple && choices.config.placeholderValue) {
      ((choices as any).input as HTMLInputElement).placeholder = choices.config.placeholderValue;
    }
  }, []);