Open jamesryan-dev opened 5 months ago
any updates on this?
this also happens on Downshift v8. the removeSelectedItem
will read [object object]
if useMultipleSelection
uses an object as its type instead of a string. in v7 and v8 you can get around this by implementing getA11yRemovalMessage
like so:
const { getSelectedItemProps, getDropdownProps, removeSelectedItem, reset } =
useMultipleSelection<OptionWithGroup>({
getA11yRemovalMessage: (options) => {
return `${options.removedSelectedItem.label} has been removed`
},
...
downshift
version: ^7.6.0 ( but bug also occurs on your example page via your docs )node
version: ^18npm
(oryarn
) version: ^9Relevant code or config
But if present here in your docs so I have only included this:
https://www.downshift-js.com/use-multiple-selection/
What you did:
We are using the
removeSelectedItem
function which is causing this screen reader issue I believeWhat happened:
You will hear, "[object, object] has been removed"
Problem description:
Screen readers are reading out code
Suggested solution:
I'm not sure sorry