adobe/react-spectrum

ComboBox/Select easily becames laggy

Aberta

#5.897 aberto em 16 de fev. de 2024

Ver no GitHubGuia do colaborador
 (6 comentários) (2 reações) (0 responsável)TypeScript (1.500 forks)auto 404
bughelp wantedperformance

Métricas do repositório

Stars
 (15.634 estrelas)
Métricas de merge de PR
 (Mesclagem média 8d 2h) (80 fundiu PRs em 30d)

Description

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

Guia do colaborador

Direção de pesquisa
Investigue o comportamento de re renderização no ComboBox/Select ao passar o mouse sobre os itens, compare com o ListBox independente para identificar a causa da re renderização completa da lista. Procure por memoização ausente ou atualizações de estado incorretas.
Pilha de tecnologia
reacttypescript
Domain
frontend
Tipo Issue
Performance
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
2
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
1-3 horas
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Ativo
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Principalmente claro
Prerequisites
React
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
70