fix: flush debouncer to fix timing issue with scroll to index (CP 6.0)

src/vaadin-grid-data-provider-mixin.js

@@ -512,6 +512,11 @@ export const DataProviderMixin = (superClass) =>
       if (this.__pendingScrollToIndex && this.$.items.children.length) {
         const index = this.__pendingScrollToIndex;
         delete this.__pendingScrollToIndex;
+
+        if (this._debounceIncreasePool) {
+          this._debounceIncreasePool.flush();
+        }
+
         this.scrollToIndex(index);
       }
     }

test/scroll-to-index.test.js

@@ -2,6 +2,7 @@ import { expect } from '@esm-bundle/chai';
 import { fixtureSync, nextFrame } from '@open-wc/testing-helpers';
 import { flushGrid, infiniteDataProvider, listenOnce } from './helpers.js';
 import '../vaadin-grid.js';
+import '../vaadin-grid-tree-column.js';
 
 const fixtures = {
   small: `
@@ -209,9 +210,14 @@ describe('scroll to index', () => {
     });
   });
   describe('Tree grid', () => {
+    let grid;
+
+    beforeEach(() => {
+      grid = fixtureSync(fixtures.treeGrid);
+    });
+
     // Issue https://github.com/vaadin/vaadin-grid/issues/2107
     it('should display correctly when scrolled to bottom immediately after setting dataProvider', (done) => {
-      const grid = fixtureSync(fixtures.treeGrid);
       grid.size = 1;
       const numberOfChidren = 250;
       grid.itemIdPath = 'name';
@@ -239,5 +245,32 @@ describe('scroll to index', () => {
       grid.expandedItems = [PARENT];
       grid.scrollToIndex(250);
     });
+
+    it('should not reuse rows if subitems are loaded while scrolling to bottom', (done) => {
+      grid.size = 25;
+
+      const parents = Array.from({ length: 10 }).map((_, i) => ({ name: i, hasChildren: true }));
+
+      grid.dataProvider = ({ parentItem }, cb) => {
+        setTimeout(() => {
+          if (!parentItem) {
+            cb(parents, parents.length);
+          } else {
+            const { name: parentName } = parentItem;
+            const children = Array.from({ length: 10 }).map((_, i) => ({
+              name: `${parentName * 10 + i}`,
+              hasChildren: false
+            }));
+            cb(children, children.length);
+
+            expect(grid._physicalCount).to.be.above(10);
+            done();
+          }
+        });
+      };
+
+      grid.expandedItems = [parents[parents.length - 1]];
+      grid.scrollToIndex(14);
+    });
   });
 });