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

[Combobox] Improve lag time when large numbers of Combobox Items are present #6392

Open
geospatialem opened this issue Jan 31, 2023 · 2 comments
Labels
0 - new New issues that need assignment. blocked This issue is blocked by another issue. c-combobox Issues that pertain to the calcite-combobox and related components Calcite (dev) Issues logged by Calcite developers. enhancement Issues tied to a new feature or request.
Milestone

Comments

@geospatialem
Copy link
Member

geospatialem commented Jan 31, 2023

Actual Behavior

combobox has significant lag in response time when 3,200 combobox-items are added and nested.

Also, displays with more lag when it prevents the containing parent panel from opening. The panels themselves load in slowly when they contain the combobox with many combobox-items. Occurs whether or not the icon property of calcite-combobox-item is populated, for instance:

Screen.Recording.2023-01-30.at.5.25.55.PM.mov

Expected Behavior

Improved performance and response time when large amounts of combobox-items are present, in particular where over 100, or hundreds/thousands of elements are present.

Reproduction Sample

https://codesandbox.io/s/lotsa-items-combobox-wzlj6c?file=/src/App.js

Reproduction Steps

Open the sample
Observe the lag in load time

Reproduction Version

1.0.3

Relevant Info

No response

Regression?

No response

Impact

No response

Esri team

Calcite (dev)

@geospatialem geospatialem added bug Bug reports for broken functionality. Issues should include a reproduction of the bug. enhancement Issues tied to a new feature or request. 0 - new New issues that need assignment. needs triage Planning workflow - pending design/dev review. labels Jan 31, 2023
@github-actions github-actions bot added the Calcite (dev) Issues logged by Calcite developers. label Jan 31, 2023
@alisonailea alisonailea added airtable and removed airtable bug Bug reports for broken functionality. Issues should include a reproduction of the bug. labels Mar 1, 2023
@macandcheese macandcheese added the c-combobox Issues that pertain to the calcite-combobox and related components label Mar 22, 2023
@Anastasiia-Boleiko
Copy link

Hi there!
We are really interested in this improvement😊. In our case, the list may contain up to 9,000 items, and the combobox interactions are quite slow.
Idea: Apply a concept of infinite scrolling, but still maintain filtering functionality (very important for large lists).

@geospatialem
Copy link
Member Author

Related to the virtualization effort in #7384

@geospatialem geospatialem added the blocked This issue is blocked by another issue. label Jan 22, 2024
@geospatialem geospatialem added this to the Stalled milestone Jan 22, 2024
@geospatialem geospatialem removed the needs triage Planning workflow - pending design/dev review. label Jan 22, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
0 - new New issues that need assignment. blocked This issue is blocked by another issue. c-combobox Issues that pertain to the calcite-combobox and related components Calcite (dev) Issues logged by Calcite developers. enhancement Issues tied to a new feature or request.
Projects
None yet
Development

No branches or pull requests

4 participants