Multiselect doesn't show intialized values in non-focused bootstrap tab

Question

Hi,I have a multiselect that initializes with some values in a non-focused boostratp tab.When the page loads,  the values to not appear and for some reason the css style of the element is set to display: noneAnyone have any solution to this?

Ponmani Murugaiyan · Accepted Answer

Hi Andrew, 

Greetings from Syncfusion support. 

Based on your provided information, we have prepared sample in Bootstrap tab with Multiselect. But unfortunately we couldn’t replicate the issue in our end. Please find the prepared sample below for reference. 






let games: MultiSelect = new MultiSelect({ 
    dataSource: (data as any).countries, 
    fields: { text: "Name", value: "Code" }, 
    placeholder: "Select countries", 
    value: ["AU"] 
  }); 
  games.appendTo("#local");  






   

Sample: https://stackblitz.com/edit/n1thbk-ggqrq6?file=index.ts 

Kindly check with the above sample. If issue still exists in your end, please try to replicate the issue in the above provided sample, which helps us to check and provide you the solution at earliest. 

Regards, 
Ponmani M