fixed the down arrow press to focus the column rows.

Author: jsmitrah

packages/@adobe/react-spectrum/test/table/TableTests.js

@@ -1369,6 +1369,13 @@ export let tableTests = () => {
         expect(document.activeElement).toBe(getCell(tree, 'Bar 1'));
       });
 
+      it('should move focus from a focused column header to the first row cell with ArrowDown when initialFocus="columnheader"', function () {
+        let tree = renderTable('en-US', {initialFocus: 'columnheader'});
+        focusCell(tree, 'Foo');
+        moveFocus('ArrowDown');
+        expect(document.activeElement).toBe(getCell(tree, 'Foo 1'));
+      });
+
       it('should allow the user to focus disabled cells', function () {
         let tree = renderTable('en-US', {disabledKeys: ['Foo 2']});
         focusCell(tree, 'Bar 1');

packages/react-aria-components/stories/Table.stories.tsx

@@ -995,11 +995,6 @@ const InitialFocusExample = (args: {
   <div style={{display: 'flex', flexDirection: 'column', gap: 8}}>
     <Table aria-label="Files" {...args}>
       <TableHeader>
-        {args.selectionMode !== 'none' && (
-          <Column>
-            <MyCheckbox slot="selection" />
-          </Column>
-        )}
         <Column isRowHeader allowsSorting>
           Name
         </Column>
@@ -1008,31 +1003,16 @@ const InitialFocusExample = (args: {
       </TableHeader>
       <TableBody>
         <Row id="1">
-          {args.selectionMode !== 'none' && (
-            <Cell>
-              <MyCheckbox slot="selection" />
-            </Cell>
-          )}
           <Cell>Games</Cell>
           <Cell>File folder</Cell>
           <Cell>6/7/2020</Cell>
         </Row>
         <Row id="2">
-          {args.selectionMode !== 'none' && (
-            <Cell>
-              <MyCheckbox slot="selection" />
-            </Cell>
-          )}
           <Cell>Program Files</Cell>
           <Cell>File folder</Cell>
           <Cell>4/7/2021</Cell>
         </Row>
         <Row id="3">
-          {args.selectionMode !== 'none' && (
-            <Cell>
-              <MyCheckbox slot="selection" />
-            </Cell>
-          )}
           <Cell>bootmgr</Cell>
           <Cell>System file</Cell>
           <Cell>11/20/2010</Cell>
@@ -1044,7 +1024,7 @@ const InitialFocusExample = (args: {
 
 export const InitialFocusExampleStory: StoryObj<typeof InitialFocusExample> = {
   render: InitialFocusExample,
-  name: 'initialFocus="columnheader" with selection checkbox column',
+  name: 'initialFocus="columnheader"',
   args: {
     initialFocus: 'columnheader',
     selectionMode: 'multiple'

packages/react-aria/src/table/TableKeyboardDelegate.ts

@@ -65,7 +65,7 @@ export class TableKeyboardDelegate<T> extends GridKeyboardDelegate<T, ITableColl
         return child.key;
       }
 
-      let firstKey = this.getFirstKey();
+      let firstKey = super.getFirstKey();
       if (firstKey == null) {
         return null;
       }