angular-ui/ui-grid

Scrollbar BUG: Scrollbar doesn't work in the after expand the subGrid

Open

#5,587 opened on Jul 27, 2016

View on GitHub
 (10 comments) (0 reactions) (0 assignees)JavaScript (5,395 stars) (2,496 forks)batch import
good first issue

Description

I'm using UI-Grid to create subGrid and I need to retrieve data after expand. However, the scrollbar never work correctly after expand the row!

To reproduce this bug, go to this page: http://ui-grid.info/docs/#/tutorial/216_expandable_grid

You can reproduced this issue with any subgrid demo Use the "Retrieve data for subGrid when expanding" demo is easier to see it

Reproduce steps:

  1. Expand any row
  2. Then scroll to the very bottom.
  3. Scroll up and down a bit
  4. The grid become completely useless now

Here is how it looks like 2016-07-27_1252

For my own case, it works even worse!

subgrid

Contributor guide

Tech stack
javascriptangular
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.
clear
Prerequisites
AngularJSUI GridJavaScript
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
35
Research direction
Investigate the scroll behavior after expanding a subgrid. Look at the expandable grid implementation in ui grid, specifically the scrolling logic. Check for existing comments in the issue that might hint at the root cause. Reproduce the bug on the official demo page to understand the exact behavior. The fix may involve adjusting the scrollbar's height calculation when subgrid rows are added.