Fix readonly ComboBox with focus menuTrigger (#6693)

Co-authored-by: Yihui Liao <[email protected]>

Author: mwannewitz

packages/@react-stately/combobox/src/useComboBoxState.ts

@@ -321,7 +321,7 @@ export function useComboBoxState<T extends object>(props: ComboBoxStateOptions<T
   let setFocused = (isFocused: boolean) => {
     if (isFocused) {
       valueOnFocus.current = inputValue;
-      if (menuTrigger === 'focus') {
+      if (menuTrigger === 'focus' && !props.isReadOnly) {
         open(null, 'focus');
       }
     } else {

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

@@ -283,4 +283,13 @@ describe('ComboBox', () => {
     fireEvent.scroll(input); // simulate what happens when the text is long and overflows
     expect(listbox).toBeInTheDocument();
   });
+
+  it('should not open the menu when isReadOnly', async () => {
+    let {getByRole, queryByRole} = render(<TestComboBox isReadOnly menuTrigger="focus" />);
+
+    let input = getByRole('combobox');
+    await user.click(input);
+
+    expect(queryByRole('listbox')).not.toBeInTheDocument();
+  });
 });