adobe/react-spectrum

ComboBox/Select easily becames laggy

Open

#5897 aperta il 16 feb 2024

Vedi su GitHub
 (6 commenti) (2 reazioni) (0 assegnatari)TypeScript (1500 fork)auto 404
bughelp wantedperformance

Metriche repository

Star
 (15.634 star)
Metriche merge PR
 (Metriche PR in attesa)

Descrizione

Provide your feedback here.

When the ComboBox or Select component have a bit more items, they easily become laggy, because the full list re-renders on a single item hover. This makes them not scale well with data. It's not the case with the standalone ListBox however, rendering is optimized in that. Only when it belongs to a ComboBox or Select. The rendering behavior can be observed by turning on the React DevTools "highlight updates" feature.

🔦 Context

No response

💻 Code Sample

No response

Version

No response

What browsers are you seeing the problem on?

No response

If other, please specify

No response

What operating system are you using?

No response

Guida contributor

Direzione di ricerca
Investiga il comportamento di re rendering in ComboBox/Select quando si passa il mouse sugli elementi, confrontalo con ListBox standalone per identificare la causa del re rendering dell'intera lista. Cerca memoization mancanti o aggiornamenti di stato errati.
Tech stack
reacttypescript
Dominio
frontend
Tipo issue
Performance
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-3 ore
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Abbastanza chiara
Prerequisiti
React
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
70