palantir/blueprint

Table not rendering additional rows if min-height is greater than the current table height

Open

#5.101 aberto em 18 de jan. de 2022

Ver no GitHub
 (1 comment) (0 reactions) (0 assignees)TypeScript (2.167 forks)batch import
P2Package: tableType: bughelp wanted

Métricas do repositório

Stars
 (20.263 stars)
Métricas de merge de PR
 (Mesclagem média 43d 10h) (27 fundiu PRs em 30d)

Description

Environment

  • Package version(s): 3.9.13
  • Operating System: MacOS
  • Browser name and version: Chrome 97.0.4692.71

Code Sandbox

https://codesandbox.io/s/serverless-snow-4dhos

Steps to reproduce

  1. Set the min-height on the table to something like 30vh
  2. Start with an empty data set
  3. Add rows one at a time with some external process (for me it was socket.io, the sandbox is just adding them in a loop)

Actual behavior

Rows 1 to 6 are displayed as expected, then further rows are not rendered until you click and scroll down with a mouse or until the row height exceeds the min-height css setting

Expected behavior

New rows should be rendered regardless of min-height css setting.

Workaround

Seems to be fine if min-height css setting is not used and the table must grow in height for each added row.

Also I don't seem to see this issue if only height css setting is used.

Guia do colaborador

Direção de pesquisa
Investigue como o componente Table calcula a altura da janela de visualização e aciona a re renderização quando linhas são adicionadas, especialmente quando min height está definido. Verifique problemas de overflow hidden ou contêiner de rolagem.
Pilha de tecnologia
typescriptreact
Domain
frontend
Tipo Issue
Bug
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.
Recente
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Claro
Prerequisites
ReactCSS
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
65