Fix Select autoFocus (#8262)

Author: chirokas

packages/react-aria-components/src/Select.tsx

@@ -178,7 +178,7 @@ function SelectInner<T extends object>({props, selectRef: ref, collection}: Sele
         [SelectStateContext, state],
         [SelectValueContext, valueProps],
         [LabelContext, {...labelProps, ref: labelRef, elementType: 'span'}],
-        [ButtonContext, {...triggerProps, ref: buttonRef, isPressed: state.isOpen}],
+        [ButtonContext, {...triggerProps, ref: buttonRef, isPressed: state.isOpen, autoFocus: props.autoFocus}],
         [OverlayTriggerStateContext, state],
         [PopoverContext, {
           trigger: 'Select',

packages/react-aria-components/test/Select.test.js

@@ -368,4 +368,13 @@ describe('Select', () => {
     await selectTester.selectOption({option: 'Kangaroo'});
     expect(trigger).toHaveTextContent('Kangaroo');
   });
+  
+  it('should support autoFocus', () => {
+    let {getByTestId} = render(<TestSelect autoFocus />);
+    let selectTester = testUtilUser.createTester('Select', {
+      root: getByTestId('select')
+    });
+    let trigger = selectTester.trigger;
+    expect(document.activeElement).toBe(trigger);
+  });
 });