Multiselect items, delete icon overlay text

[Bob]

Using the Multiselect works great but the delete icon for the items overlay the text. In trouble shooting this, if I remove the "k-multiselect" class from the div wrapping the the Multiselect, it looks fine. I don't think I am missing a stylesheet but is the a way to exclude/remove this class by a configuration or am I doing something wrong? 

I have attached a screenshot of the displayed Multiselect and the html wrapping the Multiselect when it is generated.

[Mihaela]

Hi Bob,

By design, the text of the selected option does not overlap with the delete icon. Would you please let me know the following:

• Which Telerik UI for ASP.NET Core version do you use?
• Is there any custom CSS related to the MultiSelect?

Here is a REPL example that you could modify based on your setup to replicate the appearance at your end:

https://netcorerepl.telerik.com/mQuzwRPz27wFhoNF31

I will test it locally and follow up with the respective suggestions.

Thank you for your cooperation.

[Bob]

I think you maybe correct in the custom CSS. I am using an existing Framework and CSS that is not documented so I found I just needed to remove the class k-multiselect (removeClass("k-multiselect")) and it looks and works great. I have not seen the multiselect used in other applications using this framework so I am thinking there is an unintentional conflict.

[Mihaela]

Thank you for your reply, Bob. 

It is great that you managed to fix the styling issue at your end.

If any other related queries arise, don't hesitate to let me know.