Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Styles and ClassName props ignored by Select component.

See original GitHub issue

For 99% of my grommet style overrides I use either SCSS or inline styles (so called ‘JSS’), not the Grommet theme system. The box and button components allow me to do this as one would expect, but the Select component seems to completely ignore these props.

Expected Behavior

I expect Select components to honor style and className props, but at a minimum at least one of them.

Actual Behavior

Select ignores style and className props

Steps to Reproduce

Add style or className props to Select.
Observe they are ignored.

Environment

Grommet version: 2.9.0

Issue Analytics

State:
Created 4 years ago
Comments:8 (7 by maintainers)

Top GitHub Comments

1reaction

IanKBovardcommented, Feb 20, 2020

Here is an example and a few screenshots https://codesandbox.io/s/cranky-pond-iwvzu?fontsize=14&hidenavigation=1&theme=dark Screen Shot 2020-02-20 at 11 56 45 AM

0reactions

iMericacommented, Feb 21, 2020

Apologies, I assume I was doing something wrong then. Thank you for looking into it.

Top Results From Across the Web

React ignores one of two style classes - Stack Overflow

I've execute your code, and it works, I think the problem is where you call the button you are not passing props to....

Styling and CSS - React

Can I use inline styles? Yes, see the docs on styling here. Are inline styles bad? CSS classes are generally better for performance...

Styles - React Select

Examples. Styles. React Select offers 3 main APIs for styling: The styles prop; The classNames prop; The classNamePrefix prop. The styles prop.

Complete Guide On How To Use Styled-components In React

This is possible because styled-components creates a unique class name for each component (styled component) we create. As such the styles ...

Cookbook - React Styleguidist

How to exclude some components from style guide?#. Styleguidist will ignore tests ( __tests__ folder and filenames containing .test.js or .spec.js ) ...