Correct SR message when focusing an option (#5084)

JedWatson · Oct 31, 2022 · 1ad6de4 · 1ad6de4
1 parent 8515b6b
commit 1ad6de4
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/.changeset/forty-needles-flash.md b/.changeset/forty-needles-flash.md
@@ -0,0 +1,5 @@
+---
+'react-select': patch
+---
+
+When focusing a dropdown option, the numbers included in the aria live region take filtering into consideration.
diff --git a/packages/react-select/src/components/LiveRegion.tsx b/packages/react-select/src/components/LiveRegion.tsx
@@ -121,7 +121,7 @@ const LiveRegion = <
         label: getOptionLabel(focused),
         isDisabled: isOptionDisabled(focused, selectValue),
         isSelected,
-        options,
+        options: focusableOptions,
         context:
           focused === focusedOption ? ('menu' as const) : ('value' as const),
         selectValue,
@@ -136,7 +136,7 @@ const LiveRegion = <
     getOptionLabel,
     isOptionDisabled,
     messages,
-    options,
+    focusableOptions,
     selectValue,
   ]);