Removing one chips will remove All chips

[Andrew Mandruk]

Hi,

Steps to reproduce:

1.  the last chip's "delete chip" button situated right above "clear all" multiselect button
     
   
2. click on the  "delete chip"

Expected behavior: only the last chip will be deleted

Actual behavior: all chips deleted

Such behavior is related to performing "delete chip" functionality on mouseDown and preforming "clear all" on mouseUp events. Between this two actions "clear all" button is moving upward, right under cursor position. Click event starts under "delete chip" button, but finishing  under "clear all" button.

Can I somehow fix this behavior?

[Berly Christopher]

Hi Andrew, 

  

Greetings from Syncfusion support. 

  

While displaying the clear icon, this will we wrapped inside the span element and the span element will be occupied particular width and height for that element. So that, when clicking the white space of the clear icon, the selected value will be cleared. So, we suggest you to remove the span element’s width and height to achieve the requested requirement. You can change the position of the clear icon based on the application needs since width and height of the element has been removed. 

  

.e-multiselect .e-multi-select-wrapper .e-chips-close.e-close-hooker { 

    width: 0px; 

    height: 0px; 

    margin-top: -21px; 

    right: 32px; 

  } 

 

  

Regards, 

Berly B.C