Using ejs-multiselect inside ejs-tab with [showDropDownIcon]='true' gives error and also placeholder text is not set

[Sunita]

I am using ejs-tab, in one of the tab I have placed ejs-multiselect (mode is checkbox). So for ejs-multiselect if I set property showDropDownIcon to true then I get below error and also on selecting values - (change) event is not fired.

multiselect control is placed in second tab - appTest2

<ejs-multiselect id='filteruserlist' #filteruserlist [dataSource]='users' [placeholder]='placeholder' [fields]='checkFields' (change)='onUserChange($event)' [mode]='CheckBox' [showDropDownIcon]='true' [filterBarPlaceholder]='filterPlaceholder'></ejs-multiselect>

tab control - 

<ejs-tab id="ejsTab" #tab (selected)='handleTabSelectEvent($event)'>

                    <e-tabitems>

                        <e-tabitem [header]='headerText[0]' content="#appTest1Id"></e-tabitem>

                        <e-tabitem [header]='headerText[1]' content="#appTest2Id"></e-tabitem>

                    </e-tabitems>

</ejs-tab>

          <div>

                    <div id="appTest1Id" style="display:none">

                        <div class="control-section">

                            <app-assessment-analytics #appTest1></app-assessment-analytics>

                        </div>

                    </div>

                    <div id="appTest2Id" style="display:none">

                        <div class="control-section">

                            <app-assessment-analysis #appTest2  (onTest2Updated)="onTest2Updated($event)"></app-assessment-analysis>

                        </div>

                    </div>

         </div>

Error - 

Note - this is the case only when multiselect is placed inside tab control.

Help appreciated. 

Thanks,

Sunita

[Karthigeyan Krishnamurthi]

Hi Sunita,   

  

Greetings from Syncfusion. 

 

We have checked the reported case and MultiSelect control is rendering control within Tab. Kindly try the sample and if the issue persists, try to reproduce the error in a sample and revert else share your code example/runnable sample (if possible) to serve you better. 

https://stackblitz.com/edit/angular-epv3yr-hvumcl?file=app.student.html 

 

Regards, 

Karthi 

 

 

 

[Sunita]

Hello Karthi,

I was having older version of syncfusion controls 16.x.x.x upgraded to newer version 17.x.x.x and the issue is resolved.

Thanks for your help.

-Sunita

[Karthigeyan Krishnamurthi]

Most welcome Sunita 😊