angular-ui/ui-grid

ui-grid pinning bug when position: absolute or fixed

Open

#2,899 opened on Mar 3, 2015

View on GitHub
 (1 comment) (1 reaction) (0 assignees)JavaScript (5,395 stars) (2,496 forks)batch import
help wantedtype: bug

Description

I want to have a grid with 100% widht and height of remaining size of the screen. I found a solution for ng-grid: https://github.com/angular-ui/ng-grid/issues/472#issuecomment-19050780 If works also for ui-grid but when I tried to pin any column all breaking down.

http://plnkr.co/edit/pXwgNrAB8L42OKwnrYRN?p=preview

As you see layout is fully broken. Removing position: absolute from css fixing the issue but also height of the grid become not 100%.

This bug was already been mentioned in #2302 but opener closed it for some reason.

Still can't find a working solution for full-sized grid (height is 100% of remaining screen space).

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.
4
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
over 1 week
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
AngularJSCSS positioningui grid pinning
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
15
Research direction
The issue involves a bug where ui grid pinning breaks with position: absolute/fixed. The plnkr demo shows the broken layout. Investigate the pinning code in the source, especially CSS and JS for dimension calculations. Check if the issue is still reproducible with the latest version and if any related changes have been made since 2015.