expandable grid does not update scroll bar when a row is expanded

When expanding a row to reveal a sub-grid, the scroll bar does not immediately update. It only updates after it is used to scroll up or down. This issue is problematic when expanding the last couple rows in the grid, you must first scroll up to reset the scroll bar, then scroll back down.

How to reproduce:

1. Go to tutorial for expandable grid: http://ui-grid.info/docs/#/tutorial/306_expandable_grid
2. Scroll to the bottom of the top grid and expand row 499
3. Notice that the scroll bar does not adjust, and you must scroll up before being able to scroll down

[PaulL1]

Unfortunately I'm on a Mac, so I can't check this to see if it's been recently fixed (I get no scroll bars). But @kevin-sage, have you seen this? Might be worth checking with your changes.

[YonatanKra]

It's not fixed. Here's an example:
http://plnkr.co/edit/Hept2UgXocjCdbZJYqhi?p=preview
Open the first two rows and scroll. It not only leaves a gap at the bottom - it also jumps at a certain point (you can try scrolling with the scroll buttons step by step to see the jump in action).
I believe the issue is the calculation of vertScrollPercentage (e.g. the new div is bigger due to the expanded row, but you calculate the rows height without including the expanded rows' heights). It's even more comlicated in my fork, since each expandable row has its own rowHeight.

[schandra-rpx]

Anyone has solution for this bug?

[idangozlan]

+1

[antonbezpalov]

+1