1. Feedback
  2. React
  3. 27911

Welcome to the React feedback portal. We’re happy you’re here! If you have feedback on how to improve the React, we’d love to hear it!

  • Check out the features or bugs others have reported and vote on your favorites. Feedback will be prioritized based on popularity.
  • If you have feedback that’s not listed yet, submit your own.

Thanks for joining our community and helping improve Syncfusion products!

3
Votes

If we call clear() method, when placing the MultiSelect inside the Dialog component, console error occured

While placing the MultiSelect component inside the Dialog component on component initial rendering, we have selected all items with help of “selectAll()” method and clear the all selected value with help of using “clear()” method, then the component value will be null but the chips are displayed in the UI. Due to this, while removing the chips, then console error is occurred. This issue occurs in the react platform alone. This is working as expected in the TS platform and outside of the Dialog component.


Issue reproducing sample: https://stackblitz.com/edit/react-jwiaz2-wamdg8?file=index.css


Replication procedure:


1. Run the attached sample

2. Click the Send button inside the Dialog

3. Now, we can see the chips are displayed in the input.

4. Now, click the remove icon in the displayed chips.

5. We can see the below console error.