angular-ui/ui-grid

expandable grid gets into unusable state when bottom rows are expanded and you scroll up

Open

#5,431 建立於 2016年5月25日

在 GitHub 查看
 (3 留言) (0 反應) (0 負責人)JavaScript (5,395 star) (2,496 fork)batch import
help wanted

描述

I raise up again the qeustion that wasn't solved ans still happen also in the tutorial - what can we do to solve the problem with the breakdown in expandable row ?

The expandable grid gets into an unusable state when you expand a bottom row and scroll up.

This issue is more pronounced on my local project which has a sub-grid with many rows. It can be reproduced on the UI Grid tutorial page by expanding a couple bottom rows:

  1. Go to expandable grid tutorial page: http://ui-grid.info/docs/#/tutorial/306_expandable_grid
  2. Scroll to the bottom and expand the last two rows, 498 and 499
  3. Start scrolling up
  4. Notice that half the rows are now missing and they do not return until scrolling all the way back down to the bottom

貢獻者指南

技術棧
javascript
領域
frontend
議題類型
bug
難度面向新貢獻者的預計實作難度，1 表示很小改動，5 表示專家級工作。
3
預計時間有經驗貢獻者完成調查、實作、測試並準備 pull request 的粗略時間範圍。
half day
活動狀態議題目前的可參與程度：新鮮、活躍、陳舊、阻塞或等待維護者輸入。
stale
清晰度議題是否清楚說明預期改動、驗收標準和下一步。
mostly clear
前置要求
angularui gridjavascript
新手友善度1-100 的估計分數，表示該議題對首次貢獻者的友善程度。
40
研究方向
Investigate the expandable grid's scrolling behavior when rows at the bottom are expanded. Focus on the virtualization logic that determines which rows are rendered, particularly the interaction between row expansion and scroll position. Examine the expandable feature files in the repository (e.g., src/features/expandable/) and any related scrolling mechanisms. Check the tutorial page mentioned for reproduction steps, and consider if the bug is caused by miscalculation of row heights or cached row mappings.