Skip to content

[Select] classes provided are directed to the input element instead of the root #25313

@ilayofir

Description

@ilayofir
  • [x ] The issue is present in the latest release.
  • [x ] I have searched the issues of this repository and believe that this is not a duplicate.

Current Behavior 😯

When supplying classes to the Select component they are passed directly to the input element, skipping the root, which means that we can't style it properly using the classes, and must use the className instead, which is directed to the root component.

Expected Behavior 🤔

The classes should be passed to the root InputComponent directly, as described in the documentation.

Steps to Reproduce 🕹

https://codesandbox.io/s/sad-napier-sx976?file=/src/App.js:0-1111

Steps:

  1. Open link and see that there are 2 selects, 1 is receiving the classes directly and the other receives the classes.root as className. They should look the same but they are different.

Context 🔦

This effects the uniformity of our code, as we are normally using the classes directly to increase readability and managing of the generated classes.

Metadata

Metadata

Assignees

No one assigned

    Labels

    scope: selectChanges related to the select.type: bugIt doesn't behave as expected.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions