Duplicating items with multiple chiplists

[Matias Puzanowski]

Hello Syncfusion Team,

I'm trying to use ChipList control on , but I would need to use 7 chiplists, each representing a weekday.

On the example below, I added chips only to first list, but upon refreshing, the items are added on each list. How can I prevent this behaviour?

Thanks in advance.

[Christopher Issac Sunder K]

Hi Matias, 

Greetings from Syncfusion support. 

We have checked the provided code sample and we were able to reproduce the issue at our end.  To get rid of this issue, we need to declare the chips property with empty array. Here is code for your reference, 

/** * Default Chip sample **/ 

var chipsLunes = new ChipList({ "enableDelete": true, chips: [] }); 

chipsLunes.appendTo("#chip-lunes"); 

 

var chipsMartes = new ChipList({ "enableDelete": true, chips: [] }); 

chipsMartes.appendTo("#chip-martes"); 

 

var chipsMiercoles = new ChipList({ "enableDelete": true, chips: [] }); 

chipsMiercoles.appendTo("#chip-miercoles"); 

 

chipsLunes.add("prueba1"); 

 

chipsMartes.refresh(); 

chipsMiercoles.refresh(); 

We have prepared a sample for your reference. Please find it from the below link, 

https://stackblitz.com/edit/ztbcrw?file=index.ts 

Please check with the provided details and get back to us if you require any further assistance. 

Thanks,
Christo