MultiSelectTree does not show the placeholder text

[pepinho24]

Describe the bug
The updated MultiSelectTree rendering and output do not show the placeholder text:

• https://github.com/telerik/kendo-themes/blob/develop/tests/multiselecttree/multiselecttree.html#L26
• https://github.com/telerik/kendo-themes/blob/develop/tests/_output/default/multiselecttree/multiselecttree.png

To reproduce
Run the Empty MultiSelectTree test

Expected behavior
The MultiSelectTree... text should be visible in the input-like element.

Affected suites (please remove the unneeded items)

• Kendo UI for jQuery
• Kendo UI for Angular
• Kendo UI for React
• Kendo UI for Vue
• Telerik UI for Blazor

Additional context
The issue comes from the width: 100% style for the k-input-values selector. Potential fix that needs further testing could be:

.k-input-values {
  width: auto;
  max-width: 100%;
}

[vladislavstratan]

+1

[erothfield]

The issue comes from the width: 100% style for the k-input-values selector. Potential fix that needs further testing could be:

.k-input-values {
width: auto;
max-width: 100%;
}

Using this workaround, the clear button is no longer pushed to the far right.

This rule worked for me:
.k-input-values:not(:has( * )) /* the taglist does not have any children (chips) */

Update:
After updating to 14.2, that rule doesn't work for me anymore. Now using:
.k-input-values:has(~ .k-input-inner)

[inikolova]

Fixed with a04fad2