I can't pass the prop 'disableUnderline' to the Input component inside Select. It returns a warning 'React does not recognize the disableUnderline prop on a DOM element'.
I assume it should be possible to override the styling of the underline class in Input when using the Select component, but currently it doesn't work this way.
<Select inputProps={{ disableUnderline: true }}></Select>
| Tech | Version |
| ----------- | ------- |
| Material-UI | v4.5.2 |
| React | v16.9.0 |
| Browser | |
| TypeScript | |
| etc. | |
馃憢 Thanks for using Material-UI!
We use GitHub issues exclusively as a bug and feature requests tracker, however,
this issue appears to be a support request.
For support, please check out https://material-ui.com/getting-started/support/. Thanks!
If you have a question on StackOverflow, you are welcome to link to it here, it might help others.
If your issue is subsequently confirmed as a bug, and the report follows the issue template, it can be reopened.
@otalrecall Try this:
<Select disableUnderline>
@otalrecall Try this:
<Select disableUnderline>
This worked for me. Strange this is that the inputProps as described in Select API documentation - https://material-ui.com/api/select/, is supposed to pass the property to underlying input component. Document on https://material-ui.com/api/input/ acknowledges the use of this property.
Most helpful comment
@otalrecall Try this: