1. Feedback
  2. React
  3. 66969

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!

0
Votes

List items not rendering properly in MultiSelect with remote data when virtualization is enabled

When virtualization is enabled with remote data in the MultiSelect component, the list items are not updated properly in the following cases.

 

Case 1: When scrolling to the end of the list, the initial items are retained instead of displaying the loading skeleton.

 

Case 2: After applying a filter and scrolling to the end of the list, an empty popup is shown.

 

Case 3: After executing Case 2, scrolling back to the top of the list results in incorrect items being loaded instead of the loading skeleton.


Sample:  

https://stackblitz.com/edit/react-dwkhegzf-hzvcfbzw?file=index.js

Replication Procedure

1. Upon scroll to last element using scrollbar, list is not correct then changes.


2. After filtering and selecting a value, then scroll to last element using scrollbar, the scrollbar position changes, then after scrolling again list has a lot of blank space below, despite showing last element(Customer 91)


3. Scroll back again to top, and the first items are wrong, then the list changes