Hidden text field is focusable and editable with Select with isDisabled=true (#4943)

* pass isDisabled prop to HiddenSelect

* Add test

---------

Co-authored-by: Robert Snow <[email protected]>

Author: pr7prashant

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

@@ -169,7 +169,8 @@ function Select<T extends object>(props: SelectProps<T>, ref: ForwardedRef<HTMLD
           state={state}
           triggerRef={buttonRef}
           label={label}
-          name={props.name} />
+          name={props.name}
+          isDisabled={props.isDisabled} />
       </Provider>
     </>
   );

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

@@ -177,4 +177,13 @@ describe('Select', () => {
     userEvent.click(button);
     expect(button).toHaveTextContent('close');
   });
+
+  it('should send disabled prop to the hidden field', () => {
+    render(
+      <TestSelect isDisabled />
+    );
+    userEvent.tab();
+
+    expect(document.activeElement).toBe(document.body);
+  });
 });