Skip to content

[Autocomplete] - Chips should not be bigger than the input #18653

@fbarbare

Description

@fbarbare

When the text of the input is too big, the Chip is bigger than the input so it goes out of it

  • 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 😯

The value is too big for the input
image

Expected Behavior 🤔

The text displayed should be shrinked so it can fit in the input
image

Steps to Reproduce 🕹

Steps:

  1. Create an autocomplete with a text longer than the defined width of the autocomplete

Context 🔦

I am not in control of the data showed in the input and this is a scenario that has come up. I fixed it by creating the Chip myself and passing style to it, but I thought it'd be best having a solution in the library.

Your Environment 🌎

Tech Version
Material-UI v4.7.1
React v16.12.0
Browser Chrome
TypeScript v3.6.4
Material-UI/Lab v4.0.0-alpha.34

Metadata

Metadata

Assignees

No one assigned

    Labels

    good first issueGreat for first contributions. Enable to learn the contribution process.scope: autocompleteChanges related to the autocomplete. This includes ComboBox.type: bugIt doesn't behave as expected.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions