WIP

Author: piecyk

packages/react-virtual/e2e/app/main.tsx

@@ -25,6 +25,7 @@ const App = () => {
     count: 1002,
     getScrollElement: () => parentRef.current,
     estimateSize: () => 50,
+    debug: true,
   })
 
   return (

packages/react-virtual/e2e/app/test/scroll.spec.ts

@@ -6,6 +6,10 @@ test('scrolls to index 1000', async ({ page }) => {
 
   await expect(page.locator('[data-testid="item-1000"]')).toBeVisible()
 
+  if (process.env.CI) {
+    await page.waitForTimeout(1_000)
+  }
+
   const delta = await page.evaluate(() => {
     const item = document.querySelector('[data-testid="item-1000"]')
     const container = document.querySelector('#scroll-container')

packages/react-virtual/playwright.config.ts

@@ -1,15 +1,23 @@
-import { defineConfig } from '@playwright/test'
+import { defineConfig, devices } from '@playwright/test'
 
 const PORT = 5173
 
 export default defineConfig({
   testDir: './e2e/app/test',
+  workers: 1,
   use: {
     baseURL: `http://localhost:${PORT}`,
   },
   webServer: {
     command: 'vite --config e2e/app/vite.config.ts',
     port: PORT,
     reuseExistingServer: !process.env.CI,
+    stdout: 'pipe',
   },
+  projects: [
+    {
+      name: 'chromium',
+      use: { ...devices['Desktop Chrome'] },
+    },
+  ],
 })

packages/virtual-core/src/index.ts

@@ -1003,6 +1003,9 @@ export class Virtualizer<
 
       attempts++
       if (attempts < maxAttempts) {
+        if (process.env.NODE_ENV !== 'production' && this.options.debug) {
+          console.info('Schedule retry', attempts, maxAttempts)
+        }
         this.targetWindow.requestAnimationFrame(() => tryScroll(align))
       } else {
         console.warn(