Skip to content

[Select] Consistency with Autocomplete #18136

@skoging

Description

@skoging
  • I have searched the issues of this repository and believe that this is not a duplicate.

Summary 💡

Equivalent to react-select's isSearchable={false}.
Disables the search functionality, but is still consistently styled.

Examples 🌈

Motivation 🔦

Having consistent styling of searchable and non-searchable selects is a requirement we're currently facing.

This workaround works: https://codesandbox.io/s/material-demo-ok1kg, but it's not exactly pretty.

EDIT:
Updated workaround with readOnly prop on input suggested by @cooperjones: https://codesandbox.io/s/material-demo-vh5lx

Metadata

Metadata

Assignees

No one assigned

    Labels

    design: materialThis is about Material Design, please involve a visual or UX designer in the processscope: autocompleteChanges related to the autocomplete. This includes ComboBox.scope: selectChanges related to the select.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions