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

Why MultiSelect placeholder is not removed when values are selected?

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

How to remove MultiSelect placeholder when values are selected?

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

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