Error when adding items to ListBox via addItem() function

Im getting the error message "this.liCollections[index].parentNode is null" when adding an item to the ListBox using it's function addItem. The error only occurs after removing items from the same ListBox using it's function removeItem.
I have my ListBox on an HTML file like this:

<ejs-listbox #listBoxComponent
[dataSource]='data$ | async'
[fields]="{value:'id', text: 'description'}">
</ejs-listbox>

on my TS file im getting the control by template reference like this:

@ViewChild('listBoxComponent')
public listboxComponent: ListBoxComponent;

and accessing it's functions like this:

this.listboxComponent.addItem(selectedItem);
this.listboxComponent.removeItem(selectedItem);

where selectedItem it's an Object like this

{
  active: true
  description: "some text"
  id: 30
  name: "some text"

}


2 Replies 1 reply marked as answer

AS Aravinthan Seetharaman Syncfusion Team November 27, 2020 03:32 PM UTC

 Hi Jorge Raul, 
  
Thank you for contacting Syncfusion support,  
  
We have checked with the provided information and we can able to reproduce this reported issue in our end. 
We have logged this as an improvement and it will be available on 2nd December 2020, and appreciate your patience until then.  
You can track the status of this improvement using below link.  
  
  
Regards, 
Aravinthan S. 
  
  
  
  
  
  
  
  
  
  
  
  
  
  



AS Aravinthan Seetharaman Syncfusion Team February 1, 2021 01:18 PM UTC

Hi Jorge Raul, 

Thanks for the patience. 

We are glad to announce that our Essential Studio 2020 Volume 4 SP release v18.4.0.39 is rolled out and is available for download under the following link. 


We thank you for your support and appreciate your patience in waiting for this release. Please get in touch with us if you would require any further assistance. 

Regards, 
Aravinthan S 


Marked as answer
Loader.
Up arrow icon