Component: Table Virtual Scroll does not correctly work with Row Expansion #16438
Labels
Type: Bug
Issue contains a bug related to a specific component. Something about the component is not working
Milestone
Describe the bug
Combining Virtual Scroll with Row Expansion does not always seem to work.
When the content of the expanded area is quite high, you cannot scroll to the end of the table when there are only a few rows. When there are more rows (e.g. 100) You can correctly scroll to the end, but while scrolling down from the top you will encounter a point where the scroll jumps ahead a couple of rows more than it should. Probably due to swapping out the rows in the DOM.
I need to use lazy loading as there can be quite a number of rows to display. Also the expandable area can have a different height per row.
Here is a stackblitz that shows this: https://stackblitz.com/edit/stackblitz-starters-s7bkee
Environment
Windows 10
Reproducer
No response
Angular version
18.0.0
PrimeNG version
17.18.10
Build / Runtime
Angular CLI App
Language
TypeScript
Node version (for AoT issues node --version)
20.15.1
Browser(s)
No response
Steps to reproduce the behavior
First scenario:
=> The scroll area jumps up everytime you reach the bottom.
Second scenario:
=> Around when row with id 11 comes into view, when scrolling further the view will jump several rows down (for me it where 5) when usually it only scrolls around 1 row when using the mouse wheel.
Expected behavior
I would expect that the scrolling always works without jumping back up or moving too fast ahead, possibly skipping rows that cannot be seen in this case.
The text was updated successfully, but these errors were encountered: