angular-ui/ui-grid

Auto resize grid height doesn't work sometimes

Open

#6,259 opened on Jun 12, 2017

View on GitHub
 (0 comments) (0 reactions) (0 assignees)JavaScript (5,395 stars) (2,496 forks)batch import
help wanted

Description

Precondition: 1. I need to provide a grid height according to screen height, so the grid height need to be calculated when initialize. 2. Because we use $translate to translate UI, the translate feature affects the UI controls position. That's to say I couldn't get the exact grid height before UI render finish. Because of the 2 preconditions, the calculation of grid height must be called in a backed service callback. But it will cause grid display issue, and it seems the auto resize not work well in such condition. image This issue will happen at the first time of refreshing page after rebuilding whole project or login our system. And this issue will disappear when refresh the page again.

Contributor guide

Tech stack
javascript
Domain
frontend
Issue type
bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
half day
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
needs investigation
Prerequisites
Angularui griddependency injectionUI lifecycle
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
25
Research direction
The issue relates to grid height calculation during initialization with a dependency on UI translation. Investigation should focus on the `auto resize` feature in `ui grid`, particularly the timing of height calculation and event handling after translations are applied. Look at the grid initialization code, likely in files like `Grid.js`, `GridRenderContainer.js`, or related services. The precondition mentions a callback from a backed service (likely a service using Angular's `$translate`). Understanding the event cycle of Angular's digest and the grid's resize listener is key. No existing PRs or comments provide further guidance.