-
Notifications
You must be signed in to change notification settings - Fork 32
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
[BUG] Version 4.7.6 breaks colors for selected item #308
Comments
Sorry for the late response! Yes I see your point, the styles passed in |
So I'm working on a new version that will solve this, but I'm also integrating the new accessibility changes react-select implemented recently. But in both cases (now and after the new version), you can implement these styles by using the chakraStyles={{
option: (provided) => ({
...provided,
_selected: {
backgroundColor: "pink",
color: "orange",
},
}),
}} I plan to also reduce the specificity of the built in styles so this isn't an issue, but this fix should work now. |
@csandman when using chakraStyles prop I get a typescript error:
|
@fernandatoledo What version of |
Description
Version 4.7.6 overrides your set colors for the selected elements through aria-selected css selector while I think it shouldn't. Reverting to 4.7.5 works as expected, according to #99
4.7.5:
4.7.6:
chakra-react-select Version
4.7.6
Link to Reproduction
https://codesandbox.io/p/sandbox/test-dropdown-ftll7r?file=%2Fpackage.json
TypeScript?
Steps to reproduce
<Select>
using chakra-react-select 4.7.6Operating System
Additional Information
This might be related to some cleanup that was done to aria props and styles (maybe this commit 8ddad82)
The text was updated successfully, but these errors were encountered: