We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Show delimited list of values on load

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

1 Reply

SN Sevvandhi Nagulan Syncfusion Team November 21, 2019 10:59 PM

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, 
 

Regards, 
Sevvandhi N 


Loader.
Live Chat Icon For mobile
Up arrow icon