[carbon-react] Input className prop inconsistencies

What package(s) are you using?

• carbon-components
• carbon-components-react

Summary

The elements which receive extra classnames one can provide to carbon components vary for the different inputs. This makes it really hard to apply some custom styling to individual input components consistently.

• For text inputs and textareas, the className gets added to the actual input (or textarea) element
• In number inputs and the select component, it is added to the outer-most element (.bx--number / .bx--select), where .bx--form-requirement is a child.
• For Dropdown, ComboBox and MultiSelect the className is added to a wrapper element adjacent to .bx--form-requirement.

Is it planned to make this behaviour consistent and therefore more predictable in v11?

[emyarod]

@janhassel nothing is finalized at the moment but I would say at the very least in 6 months or further down the road

[vpicone]

If we want to broaden the scope to include events, that might be helpful as well (for ex. should Dropdown pass an event like the other form inputs do)