react-spectrum icon indicating copy to clipboard operation
react-spectrum copied to clipboard

react-aria-components Select performance issues

Open sfc-gh-alisowski opened this issue 3 months ago โ€ข 9 comments

Provide a general summary of the issue here

We have a virtualized select with many items that is slow to load. If the select is in a dialog the issue is more apparent (opening the dialog is slowed down by the select with many items)

This heppens immediately upon load and not when the options are presented.

Looking into the code I think this is cause the children are first given to the CollectionBuilder, which blocks rendering until the collection is built.

๐Ÿค” Expected Behavior?

Selects render quickly

๐Ÿ˜ฏ Current Behavior

Selects render slow the more items they have in them

๐Ÿ’ Possible Solution

Do the work more lazily so the select trigger can render

๐Ÿ”ฆ Context

No response

๐Ÿ–ฅ๏ธ Steps to Reproduce

Have a select with many options

Version

1.10.1

What browsers are you seeing the problem on?

Chrome

If other, please specify.

No response

What operating system are you using?

Mac

๐Ÿงข Your Company/Team

Snowflake

๐Ÿ•ท Tracking Issue

No response

sfc-gh-alisowski avatar Aug 13 '25 22:08 sfc-gh-alisowski