angular-ui/ui-grid

Grid not rendering until manual browser re-sizing

Open

#2 195 ouverte le 21 nov. 2014

Voir sur GitHub
 (29 commentaires) (0 réactions) (0 assignés)JavaScript (2 496 forks)batch import
help wantedneeds: analysisworkaround

Métriques du dépôt

Stars
 (5 395 stars)
Métriques de merge PR
 (Aucune PR mergée en 30 j)

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:  [ {
            ...
            }
         ]
   };

Guide contributeur

Direction de recherche
Examinez la logique d'initialisation de la grille et la liaison de l'événement de redimensionnement. Le problème survient car la grille ne s'affiche pas lors du chargement initial, mais s'affiche correctement après un redimensionnement manuel de la fenêtre. Vérifiez s'il y a une condition de concurrence ou un déclencheur initial manquant pour le calcul de redimensionnement.
Stack technique
javascript
Domaine
frontend
Type d'issue
Bug
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
2
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
1-3 heures
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Active
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
JavaScriptAngularJS
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
75