angular-ui/ui-grid

Grid not rendering until manual browser re-sizing

Open

#2.195 geöffnet am 21. Nov. 2014

Auf GitHub ansehen
 (29 Kommentare) (0 Reaktionen) (0 zugewiesene Personen)JavaScript (2.496 Forks)batch import
help wantedneeds: analysisworkaround

Repository-Metriken

Stars
 (5.395 Stars)
PR-Merge-Metriken
 (Keine gemergten PRs in 30 T)

Beschreibung

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

Contributor Guide

Research-Richtung
Untersuche die Initialisierungslogik des Rasters und das Binden des Größenänderungsereignisses. Das Problem tritt auf, weil das Raster beim ersten Laden nicht gerendert wird, aber nach einer manuellen Größenänderung des Browsers korrekt angezeigt wird. Überprüfe, ob es eine Race Condition oder einen fehlenden initialen Auslöser für die Größenberechnung gibt.
Tech Stack
javascript
Domain
frontend
Issue Type
Fehler
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
2
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
1-3 Stunden
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Aktiv
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Klar
Voraussetzungen
JavaScriptAngularJS
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
75