Can I remove MultiSelect placeholder when the component has selected values?

Why is the MultiSelect placeholder not removed when values are selected?

The MultiSelect component uses the placeholder to indicate that there are values available for selection. It is different from the Select component where the placeholder is removed when a value is selected – the user can select only one value.

How to remove the MultiSelect placeholder when values are selected?

Apply the following styles to the MultiSelect component to remove the placeholder when values are selected:

.inputField {
  &:not(:only-child)::placeholder {
    color: transparent;
  }
}