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!

1
Vote

When using the MultiSelect component with the following settings:

  • allowFiltering: true
  • allowCustomValue: false
  • A preselected value is selected.

When the datasource is changed and then reverted, the second dropdown does not return the correct options upon focusing back into it.

For example, A preselected value exists, and the dropdown behaves as expected when:

  • The datasource changes based on another dropdown's value (in this case, changing the first dropdown from "United States" to "Australia").
  • The user types a value that doesn't match any items in the datasource (leading to no results being returned).
  • After changing the first dropdown back to "United States", the second dropdown should display the correct options ("New York" and "Virginia") when the user focuses back into it.

However, the actual result shows that the dropdown options are incorrect, with "t" being displayed instead of the expected options.


Replication procedure:

  1. Change the first dropdown from "United States" to "Australia".
  2. Type something in the second dropdown so no result is found (e.g., "test").
  3. Focus out of the input.
  4. Change the first dropdown back to "United States".
  5. Type something in the second dropdown so no result is found (e.g., "test").
  6. Focus out of the input.
  7. Focus back into the second dropdown.

Expected Output: The dropdown options for the second dropdown should be "New York" and "Virginia".

Current Output: The dropdown options for the second dropdown are incorrect now. "t" is shown.