Description of the bug

In our application we have dialogs with some components in the upper section and a grid at the bottom. The grid in most cases is configured to resize/extend when the dialog gets resized. In most cases this works but if the user moves to the bottom of the grid (by clicking a button in the dialog that issues a scrollToEnd) before extending the grid, then the rows are not rendered correctly. They are there because a certain amount of scrolling shows them, but it looks ugly.

Expected behavior

The grid should load those rows ideally immediatly while resizing or at least when the mouse is released

Minimal reproducible example

In the commit message of My Playground there are the Steps to reproduce it there.

• Open dialog and move it to the top of the screen (not resize it yet)
• Click on the "ScrollToBottom" to reach the end of the table
• Now grab the bottom edge of the dialog and strech it as far as you can
• Now you have a lot of empty rows in the table

Versions

• Vaadin / Flow version: 24.7.1
• Java version: 21
• OS version: Windows 11
• Browser version: Chrome 135
• IDE: Intelij Community