Sage / carbon

Carbon by Sage | ReactJS UI Component Library
https://carbon.sage.com
Apache License 2.0
278 stars 85 forks source link

Filterable Select with object values #7064

Open gusch opened 5 days ago

gusch commented 5 days ago

Description

I have linked a FilterableSelect to react form. The particularity here is that the value of the options is an object. Filtering is working but ... If you select “Black”, then put the cursor at the end of the text, you won’t be able to remove the letters with backspace. If values are string, it is working fine.

Reproduction

https://stackblitz.com/edit/parsium-carbon-starter-aa9gdv?file=package.json,src%2FApp.tsx

Steps to reproduce

No response

JIRA ticket numbers (Sage only)

No response

Suggested solution

No response

Carbon version

144.2.2

Design tokens version

4.22.0

Relevant browsers

Chrome

Relevant OSs

MacOS

Additional context

We have the same problem in CM using Formik. So it seems not to be a react form issue.

What i saw is that for each backspace in the “string version”, i have a onChange then a onFitlerChange. But i only have the onChange for the “object version”.

Confidentiality

nuria1110 commented 1 day ago

FE-6901