diff --git a/packages/react-select/src/Select.tsx b/packages/react-select/src/Select.tsx index c9048a4ed0..02fe1e8ac5 100644 --- a/packages/react-select/src/Select.tsx +++ b/packages/react-select/src/Select.tsx @@ -1558,7 +1558,9 @@ export default class Select< 'aria-autocomplete': 'list' as const, 'aria-expanded': menuIsOpen, 'aria-haspopup': true, - 'aria-controls': this.getElementId('listbox'), + 'aria-controls': menuIsOpen + ? this.getElementId('listbox') + : this.getElementId('input'), 'aria-owns': this.getElementId('listbox'), 'aria-errormessage': this.props['aria-errormessage'], 'aria-invalid': this.props['aria-invalid'], diff --git a/packages/react-select/src/__tests__/__snapshots__/Async.test.tsx.snap b/packages/react-select/src/__tests__/__snapshots__/Async.test.tsx.snap index cac1b28d31..2b5752c6cf 100644 --- a/packages/react-select/src/__tests__/__snapshots__/Async.test.tsx.snap +++ b/packages/react-select/src/__tests__/__snapshots__/Async.test.tsx.snap @@ -193,7 +193,7 @@ exports[`defaults - snapshot 1`] = ` > snapshot 1`] = ` >