From 73a061c48b72ec08ae249060c0a5269f93de625b Mon Sep 17 00:00:00 2001
From: Yihui Liao <44729383+yihuiliao@users.noreply.github.com>
Date: Tue, 13 May 2025 14:04:37 -0700
Subject: [PATCH 1/2] fix: selected item scrolls into view in rac select story

---
 .../stories/Select.stories.tsx                | 30 +++++++++----------
 1 file changed, 15 insertions(+), 15 deletions(-)

diff --git a/packages/react-aria-components/stories/Select.stories.tsx b/packages/react-aria-components/stories/Select.stories.tsx
index 9b42c5ba954..4d578219498 100644
--- a/packages/react-aria-components/stories/Select.stories.tsx
+++ b/packages/react-aria-components/stories/Select.stories.tsx
@@ -145,26 +145,26 @@ export const AsyncVirtualizedCollectionRenderSelect = (args) => {
         {list.isLoading && <LoadingSpinner style={{right: '20px', left: 'unset', top: '0px', height: '100%', width: 20}} />}
         <span aria-hidden="true" style={{paddingLeft: 25}}>▼</span>
       </Button>
-      <Popover>
-        <OverlayArrow>
-          <svg width={12} height={12}><path d="M0 0,L6 6,L12 0" /></svg>
-        </OverlayArrow>
-        <Virtualizer
+      <Virtualizer
           layout={ListLayout}
           layoutOptions={{
             rowHeight: 25,
             loaderHeight: 30
           }}>
-          <ListBox className={styles.menu}>
-            <Collection items={list.items}>
-              {item => (
-                <MyListBoxItem id={item.name}>{item.name}</MyListBoxItem>
-              )}
-            </Collection>
-            <MyListBoxLoaderIndicator isLoading={list.loadingState === 'loadingMore'} onLoadMore={list.loadMore} />
-          </ListBox>
-        </Virtualizer>
-      </Popover>
+        <Popover>
+          <OverlayArrow>
+            <svg width={12} height={12}><path d="M0 0,L6 6,L12 0" /></svg>
+          </OverlayArrow>
+            <ListBox className={styles.menu}>
+              <Collection items={list.items}>
+                {item => (
+                  <MyListBoxItem id={item.name}>{item.name}</MyListBoxItem>
+                )}
+              </Collection>
+              <MyListBoxLoaderIndicator isLoading={list.loadingState === 'loadingMore'} onLoadMore={list.loadMore} />
+            </ListBox>
+        </Popover>
+      </Virtualizer>
     </Select>
   );
 };

From dc79c493558c37a520b02f5a2d7c6dbe8caa8fed Mon Sep 17 00:00:00 2001
From: Yihui Liao <44729383+yihuiliao@users.noreply.github.com>
Date: Tue, 13 May 2025 14:09:30 -0700
Subject: [PATCH 2/2] fix lint

---
 .../stories/Select.stories.tsx                | 26 +++++++++----------
 1 file changed, 13 insertions(+), 13 deletions(-)

diff --git a/packages/react-aria-components/stories/Select.stories.tsx b/packages/react-aria-components/stories/Select.stories.tsx
index 4d578219498..51f9473833a 100644
--- a/packages/react-aria-components/stories/Select.stories.tsx
+++ b/packages/react-aria-components/stories/Select.stories.tsx
@@ -146,23 +146,23 @@ export const AsyncVirtualizedCollectionRenderSelect = (args) => {
         <span aria-hidden="true" style={{paddingLeft: 25}}>▼</span>
       </Button>
       <Virtualizer
-          layout={ListLayout}
-          layoutOptions={{
-            rowHeight: 25,
-            loaderHeight: 30
-          }}>
+        layout={ListLayout}
+        layoutOptions={{
+          rowHeight: 25,
+          loaderHeight: 30
+        }}>
         <Popover>
           <OverlayArrow>
             <svg width={12} height={12}><path d="M0 0,L6 6,L12 0" /></svg>
           </OverlayArrow>
-            <ListBox className={styles.menu}>
-              <Collection items={list.items}>
-                {item => (
-                  <MyListBoxItem id={item.name}>{item.name}</MyListBoxItem>
-                )}
-              </Collection>
-              <MyListBoxLoaderIndicator isLoading={list.loadingState === 'loadingMore'} onLoadMore={list.loadMore} />
-            </ListBox>
+          <ListBox className={styles.menu}>
+            <Collection items={list.items}>
+              {item => (
+                <MyListBoxItem id={item.name}>{item.name}</MyListBoxItem>
+              )}
+            </Collection>
+            <MyListBoxLoaderIndicator isLoading={list.loadingState === 'loadingMore'} onLoadMore={list.loadMore} />
+          </ListBox>
         </Popover>
       </Virtualizer>
     </Select>