Multiselect - input text in box still persists when user clicks away

[n/a]

Hello,

As per your documentation and example - https://docs.telerik.com/blazor-ui/components/multiselect/overview - if a user enters a text to filter the items from a multiselect list, then text will disappear as soon as the user clicks away from the multiselect box.

However, I've implemented the same functionality in my project, but for whatever reason the text still persists when I click away from the box. 
Please see my code below:

<TelerikMultiSelect Data="@ClientNames"
                    @bind-Value="@ClientValues "
                    Placeholder="ALL"
                    Filterable="true"
                    ClearButton="true" AutoClose="false">
</TelerikMultiSelect>

@code{

       List<string>? ClientNames { get; set; } = new() {"John",  "Elena" , "Michael" };

       List<string>? ClientValues { get; set; } = new();
}

 Please screenshot attached (Screenshot 2024-01-11 124224.png).

The behaviour is the same in Microsoft Edge and Google Chrome.

Please advise.

Many thanks,

Astig

 

[n/a]

Just to add that my TelerikMultiselect component resides in a TelerikForm. It is within a <Template> tag of a <FormItem>. Not sure if this will affect its behaviour?

Thanks,

Astig