Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

detect and style focused state for multiselect selected values #747

Open
austensen opened this issue Apr 11, 2023 · 0 comments
Open

detect and style focused state for multiselect selected values #747

austensen opened this issue Apr 11, 2023 · 0 comments

Comments

@austensen
Copy link
Member

In our Multiselect component using react-select, we define a custom version of the MultiValue component for the selected values, but we can't know when it's "focused" via arrow key navigation. It doesn't use ::focus, and the classes don't change, and we don't have the isFocused state for each value like in other situations. The screen-reader still works though, and users can close them with the cursor of the delete key, but we aren't able to style them differently when focused (like highlighting the close button, etc.).

This issue is documented here, and hopefully there'll be a solution soon and we can revisit the issue.

JedWatson/react-select#4017

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant