Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Slow performance of Antd Transfer Component with large list #30158

Closed
1 task done
aditya-padhi-kbl opened this issue Apr 15, 2021 · 1 comment
Closed
1 task done

Slow performance of Antd Transfer Component with large list #30158

aditya-padhi-kbl opened this issue Apr 15, 2021 · 1 comment

Comments

@aditya-padhi-kbl
Copy link
Contributor

aditya-padhi-kbl commented Apr 15, 2021

  • I have searched the issues of this repository and believe that this is not a duplicate.

Reproduction link

https://stackblitz.com/edit/react-ofcadv-gcds33?file=index.js

Steps to reproduce

Step 1:-
Visit the above url (https://stackblitz.com/edit/react-ofcadv-gcds33?file=index.js).

Step 2:-
In index.js goto line no 129
Change the perfMode to false

Step 3:-
Click on the input box to reproduce the issue.

Observation

  1. The component takes a while to render
  2. Key-strokes on the select component takes a while and then the transfer component is displayed in the UI.

Step 4:-

  1. In index.js goto line number 15
  2. reduce the count to 400

Observation:-

  1. The component renders quickly
  2. Key-strokes on the select component is very fast

What is expected?

There is should not be a lag while rendering the transfer component

What is actually happening?

I could see a lag while when the item count is greater than or equal to 1000

Environment Info
antd 3.26.13
React 16.13
System MacOS
Browser Chrome

In the same StackBlitz link I have added react-window component. It can be enabled by setting the perfMode to true .
It will be good if FixedSizeList could be easily integrated with antd transfer component

@afc163
Copy link
Member

afc163 commented Apr 16, 2021

Duplicate of #9703

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants