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
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Show delimited list of values on load

Thread ID:





149331 Nov 21,2019 10:47 PM UTC Nov 22,2019 06:59 AM UTC JavaScript - EJ 2 1
Tags: MultiSelect
Anthony Konschuh
Asked On November 21, 2019 10:47 PM UTC

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 [Syncfusion]
Replied On November 22, 2019 06:59 AM UTC

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) { 

Please find the sample below, 

Sevvandhi N 


This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile
Live Chat Icon