angular-ui/ui-grid

Multiple ui-grids within multiple tabs or divs, which are hidden, not displaying properly

Open

#5.151 aberto em 21 de fev. de 2016

Ver no GitHub
 (6 comments) (0 reactions) (0 assignees)JavaScript (2.496 forks)batch import
help wantedworkaround

Métricas do repositório

Stars
 (5.395 stars)
Métricas de merge de PR
 (Nenhuma PRs mesclada em 30d)

Description

Multiple UI-grids not displaying properly when inside of a tabs or a divs which are hidden.

How to recreate issue:

  1. 3 tabs: A, B, and C
  2. place 1 grid (with unique data and ids) in B and C each
  3. let the page load with grid A showing
  4. When I click tab B, B's grid appears fine, however, clicking tab C, C's grid does not display
  5. Each individual tab's grid displays when I resize the page however.
  6. Navigating to another tabs, its grid is not displayed until you resize this page

Related to: https://github.com/angular-ui/ui-grid/issues/50 https://github.com/angular-ui/ui-grid/issues/581 https://github.com/angular-ui/ui-grid/pull/991

Guia do colaborador

Direção de pesquisa
Investigue por que a grade não renderiza quando seu contêiner está oculto. Verifique o tratamento de redimensionamento da grade e garanta que ela recalcule as dimensões após se tornar visível. Veja as issues relacionadas #50, #581 e o PR #991 para contexto.
Pilha de tecnologia
javascriptangular
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.
3
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
Meio dia
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Antigo
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Principalmente claro
Prerequisites
AngularJSUI Grid
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
50