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

CSS stlying is not property for disabled select item in firefox #7475

Closed
yaoterry opened this issue Dec 17, 2020 · 3 comments · Fixed by #7477
Closed

CSS stlying is not property for disabled select item in firefox #7475

yaoterry opened this issue Dec 17, 2020 · 3 comments · Fixed by #7477

Comments

@yaoterry
Copy link
Contributor

firefix does not support to set the opacity for select item, https://github.com/carbon-design-system/carbon/blob/master/packages/components/src/components/select/_select.scss#L164

it's not a grey out styling for the disabled select item in firefox.

https://stackoverflow.com/questions/58437806/why-wont-firefox-grey-out-my-disabled-select-options

@emyarod
Copy link
Member

emyarod commented Dec 17, 2020

thanks for reporting! this seems to affect all browsers, and the component should no longer modify opacity for the disabled state

@nictownsend
Copy link
Contributor

https://react.carbondesignsystem.com/?path=/story/components-select--default - If I view this in Firefox Mac - it is still not working. The CSS color overrides set on bx--select-optgroup and bx--select-option are stopping Firefox from rendering the default disabled value.

@nictownsend
Copy link
Contributor

Or conversely, Chrome is ignoring the user overrides and applying the user agent

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

Successfully merging a pull request may close this issue.

3 participants