cannot read the property contains of undefined at check selection box .on-document click,possible reason for this error.

 What are possible reasons for the following error ,i am not able to resolve it ,every thing is working as expected ,but showing below error,for clicks here and there.

Thank you.

Hi Goutham, 

  

Greetings from Syncfusion support.  

  

While checking the provided screenshot, we suspect that you have rendered the MultiSelect component with checkbox mode. When mode property set as “CheckBox”, you need to inject the “CheckBoxSelection” module. So, we suggest you inject the module in your app.component.ts file as mentioned in the below code example to get rid of the reported issue at your end.  

[app.component.ts]  

(or)  

  

Else, you can import the “MultiSelectAllModule” in your app.module.ts file as like in the below code example to avoid the reported issue.  

[app.module.ts]  

  

Please find the sample from the below link. 

Sample Link: https://stackblitz.com/edit/angular-247ci8?file=app.component.html  

 

  

To know more about Multiselect with check box mode, please refer the below documentation link.  

UG Link: https://ej2.syncfusion.com/angular/documentation/multi-select/checkbox/#checkbox  

  

 Still facing issues, please revert us with issue reproducing sample or code example that will help us to check and provide the exact solution at our end.  

Regards,  

Berly B.C 

      I have found that the problem with list box component in check box mode,and i have included all necessary modules for list box.

      The problem arises when i moving out of route(page) which contains list box component,then if i click here and there ,then problem arises.

     Please help me out of this.

 

Thank you.

   

Hi Goutham,  

  

Good day to you.  

  

We have checked your reported issue by enabling the checkbox selection in ListBox with router page. And we are not able to reproduce it in our end. For your convenience, we have prepared the sample to render the ListBox in one router page. Please find the sample in below link,  

  

https://stackblitz.com/edit/angular6-routing-demo-ib9y8m 

   

Meanwhile, please ensure whether you have properly injected the “checkBoxSelection” module in your application. Could you please check the above sample and get back to us with complete code snippet if you still face the issue? 

 

Regards,  

Vinoth Kumar S 

Thank you for response.

I am unable to solve the issue ,but when i include the list box ,the problem arises.

Please share the possible reasons for that particular error,so that i will check in that orientation.

Thank you.

Hi Goutham, 

 

Thank you for the update. 

 

We have checked your reported issue and as we have stated in our previous update, we are not able to reproduce it. However, the possibilities for this issue may be our control wrapper element get destroyed in any of your case and accessing this element before control creation. So, could you please check accordingly and get back to us with details, based on that we will check and provide you a better solution quickly. 

 

Regards, 

Vinoth Kumar S 

Thank you for your response.

 After some trial and error methods and spending good amount of time,finally i got to know that its because of multi select and list box in same page and if we remove or hide the list box then click here and there,this particular error comes.

Please provide some solution to get rid of this error.

And i am attaching zip file of project which is tested to produce error.(list box test)

Hi Goutham, 

 

Thanks for your update. 

 

We have checked your reported issue and we are able to reproduce it in our end. So, we confirmed this as a defect and planned to include the fix for this issue in our Essential studio Volume 3 SP1 release. Which is expected to be available in the month of October 2019, we appreciate your patience until then. You can track the status of this defect using below link from our feedback portal, 

Feedback Portal Link: https://www.syncfusion.com/feedback/8748/need-to-fix-the-script-error-contains-of-undefined-in-listbox 

 

Regards,  

Narayanasamy P.  

Is this bug resolved in latest versions?

Thank you.

Hi Goutham, 

 

We have fixed this issue internally. As mentioned earlier this fix will be included in our volume 3- Sp-1 release which is expected to be rolled out in the month of November first week 2019. 

 

Regards, 

Saranya D 

I was getting some other undefined property that stopped the check boxes from displaying and the console was displaying an error onInit.

The resolution here fixed my issue.

Thanks.

Hi Patrick, 

 

Most welcome… 

 

We are happy to hear that your issue has been resolved. Please feel free to contact us if you need any further assistance on this. 

  

Regards, 

Saranya D