Show delimited list of values on load

[Anthony Konschuh]

I'm trying to use the multiselect control.
When the control loads it initially looks like this.

But when I focus and unfocus or resize the window, it looks like this.

Is there a way to always show the delimited list of selected values without having to resize or refocus?

Thank you

[Sevvandhi Nagulan]

Hi Anthony,  

 

Greetings from Syncfusion support. 

 

We can able to reproduce the reported issue while placing the MultiSelect component inside the Tab component. The cause of the issue is, when the parent component’s is in hidden, then parent component overrides the child component width. So MultiSelect component width is not properly calculated. To get rid of the reported issue, we suggest to call the refresh method on the tab Selected event as mentioned below, 

           selected: function(args) { 

                games.refresh(); 

           } 

Please find the sample below, 

 

Sample Link: https://stackblitz.com/edit/vpmcgt-2f3pg5?file=index.ts 

Regards, 

Sevvandhi N