vitest-dev
diff --git a/‎packages/ui/client/components/explorer/Explorer.vue‎
Lines changed: 5 additions & 3 deletions b/‎packages/ui/client/components/explorer/Explorer.vue‎
Lines changed: 5 additions & 3 deletions
diff --git a/‎test/ui/fixtures/main/browser/aa-first-file.test.ts‎
Lines changed: 5 additions & 0 deletions b/‎test/ui/fixtures/main/browser/aa-first-file.test.ts‎
Lines changed: 5 additions & 0 deletions
diff --git a/‎test/ui/fixtures/main/node/zz-last-file.test.ts‎
Lines changed: 5 additions & 0 deletions b/‎test/ui/fixtures/main/node/zz-last-file.test.ts‎
Lines changed: 5 additions & 0 deletions
diff --git a/‎test/ui/test/ui.spec.ts‎
Lines changed: 17 additions & 5 deletions b/‎test/ui/test/ui.spec.ts‎
Lines changed: 17 additions & 5 deletions
@@ -235,8 +235,8 @@ const {
         <FilterStatus v-model="filter.slow" :label="`Slow${slowTime}`" />
       </div>
     </div>
-    <div class="scrolls" flex-auto py-1 @scroll.passive="hideAllPoppers">
-      <ResultsPanel>
+    <div flex-auto py-1 overflow-hidden>
+      <ResultsPanel h-full flex="~ col">
         <template v-if="initialized" #summary>
           <div grid="~ items-center gap-x-1 cols-[auto_min-content_auto] rows-[min-content_min-content]">
             <span text-red-700 dark:text-red-500>
@@ -314,11 +314,13 @@ const {
         </template>
         <template v-else>
           <RecycleScroller
-            page-mode
+            class="scrolls"
+            flex-auto
             key-field="id"
             :item-size="28"
             :items="uiEntries"
             :buffer="100"
+            @scroll.passive="hideAllPoppers"
           >
             <template #default="{ item }">
               <ExplorerItem
 
@@ -0,0 +1,5 @@
+import { expect, test } from 'vitest'
+
+test('first test', () => {
+  expect(true).toBe(true)
+})
@@ -0,0 +1,5 @@
+import { expect, test } from 'vitest'
+
+test('last test', () => {
+  expect(true).toBe(true)
+})
@@ -8,10 +8,10 @@ import { resolveApiToken } from '../../../packages/vitest/src/node/config/apiTok
 import { assertDownloadAttachment, assertImageAttachment, assertTestCounts, getExplorerItem, openExplorerFileItem, openExplorerItem, startHtmlReportPreview, startVitestUi } from './helper'
 
 const TEST_COUNTS = {
-  pass: 18,
+  pass: 20,
   fail: 3,
   files: {
-    pass: 7,
+    pass: 9,
   },
 }
 
@@ -157,6 +157,18 @@ test.describe('ui', () => {
     await testFilterInitiallyInvisibleItem(page)
   })
 
+  test('renders explorer items revealed by a viewport resize', async ({ page }) => {
+    await page.setViewportSize({ width: 1000, height: 500 })
+    await page.goto(pageUrl)
+
+    await expect(getExplorerItem(page, 'aa-first-file.test.ts')).toBeVisible()
+    await expect(getExplorerItem(page, 'zz-last-file.test.ts')).not.toBeVisible()
+
+    await page.setViewportSize({ width: 1000, height: 1300 })
+
+    await expect(getExplorerItem(page, 'zz-last-file.test.ts')).toBeInViewport()
+  })
+
   test('tags filter', async ({ page }) => {
     await page.goto(pageUrl)
     await testTagsFilter(page)
@@ -600,9 +612,9 @@ async function testFilter(page: Page, options: { mode: 'ui' | 'static' }) {
 }
 
 async function testFilterInitiallyInvisibleItem(page: Page) {
-  await expect(getExplorerItem(page, 'sample.test.ts')).not.toBeVisible()
-  await page.getByPlaceholder('Search...').fill('sample.test.ts')
-  await expect(getExplorerItem(page, 'sample.test.ts')).toBeVisible()
+  await expect(getExplorerItem(page, 'zz-last-file.test.ts')).not.toBeVisible()
+  await page.getByPlaceholder('Search...').fill('zz-last-file.test.ts')
+  await expect(getExplorerItem(page, 'zz-last-file.test.ts')).toBeVisible()
 }
 
 async function testCrossOriginAccess(page: Page, pageUrl: string) {