Skip to content

[Select] Follow material design guidelines #18493

Description

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

Current Behavior 😯

When you click on a select that is not native, the options appear anchored randomly.

Expected Behavior 🤔

clicking on a select should expand the list op options attached to the bottom of the input as in material design guidelines e.g.
https://material-components.github.io/material-components-web-catalog/#/component/select

Steps to Reproduce 🕹

Click on any material-ui select
https://material-ui.com/components/selects/

Steps:

  1. click on a non-native select

Context 🔦

I am trying to comply with material design guidelines

Your Environment 🌎

Tech Version
Material-UI v4.?.?
React
Browser
TypeScript
etc.

Metadata

Metadata

Assignees

No one assigned

    Labels

    design: materialThis is about Material Design, please involve a visual or UX designer in the processscope: selectChanges related to the select.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions