angular-ui/ui-grid

Grid not rendering until manual browser re-sizing

Open

#2.195 aberto em 21 de nov. de 2014

Ver no GitHub
 (29 comments) (0 reactions) (0 assignees)JavaScript (2.496 forks)batch import
help wantedneeds: analysisworkaround

Métricas do repositório

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

Description

When first loading a page, the following text is displayed rather than the grid: before

By resizing the browser a couple of pixels (horizontally or vertically), the grid refreshes to display properly: after

Notes:

  • The presence or absence of ui-selection does not appear to make a difference.
  • The behavior is the same in Chrome and Firefox (couldn't test IE)
  • Version 3.0.0-rc.16

Here is the grid invocation:

Here are the grid config settings:

$scope.gridResearchOptions = {
      enableColumnResizing: true,
      enableGridMenu: true,
      enableRowHeaderSelection: true,
      enableRowSelection: true,
      enableSelectAll: true,
      multiSelect: true,
      modifierKeysToMultiSelect: false,
      noUnselect: false,
      resizable: true,
      columnDefs: [
         ...
      ],
      data:  [ {
            ...
            }
         ]
   };

Guia do colaborador

Direção de pesquisa
Investigue a lógica de inicialização da grade e o evento de redimensionamento. O problema ocorre porque a grade não renderiza no carregamento inicial, mas é exibida corretamente após um redimensionamento manual da janela. Verifique se há uma condição de corrida ou falta de um gatilho inicial para o cálculo de redimensionamento.
Pilha de tecnologia
javascript
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.
Ativo
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Claro
Prerequisites
JavaScriptAngularJS
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
75