diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md index 03411bfca9a722..72e22bbe0c1178 100644 --- a/packages/components/CHANGELOG.md +++ b/packages/components/CHANGELOG.md @@ -25,6 +25,7 @@ - `Tabs`: improve controlled mode focus handling and keyboard navigation ([#57696](https://github.com/WordPress/gutenberg/pull/57696)). - `Tabs`: prevent internal focus from updating too early ([#58625](https://github.com/WordPress/gutenberg/pull/58625)). - Expand theming support in the `COLORS` variable object ([#58097](https://github.com/WordPress/gutenberg/pull/58097)). +- `CustomSelect`: disable `virtualFocus` to fix issue for screenreaders ([#58585](https://github.com/WordPress/gutenberg/pull/58585)) ### Enhancements diff --git a/packages/components/src/custom-select-control-v2/index.tsx b/packages/components/src/custom-select-control-v2/index.tsx index 87750eaaec99eb..338c7198ce37f6 100644 --- a/packages/components/src/custom-select-control-v2/index.tsx +++ b/packages/components/src/custom-select-control-v2/index.tsx @@ -56,6 +56,8 @@ export function CustomSelect( { setValue: ( nextValue ) => onChange?.( nextValue ), defaultValue, value, + // fix for Safari bug: https://github.com/WordPress/gutenberg/issues/55023#issuecomment-1834035917 + virtualFocus: false, } ); const { value: currentValue } = store.useState();