Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[material-ui][Autocomplete] Improve editing experience of Autocomplete using the "multiple" option #43197

Open
Bram-Zijp opened this issue Aug 6, 2024 · 2 comments
Assignees
Labels
component: autocomplete This is the name of the generic UI component, not the React module! enhancement This is not a bug, nor a new feature package: material-ui Specific to @mui/material

Comments

@Bram-Zijp
Copy link

Bram-Zijp commented Aug 6, 2024

Summary

When an Autocomplete with multiple possible values already has a few options selected, it could end up with very limited space while typing to add a new option. It would be cool if the text input part could be rendered on a new line when overflow starts and/or when there's very limited space to type a query/value.

Examples

In the example you can see only 4 characters of input are visible.
Screenshot 2024-08-06 at 10 22 23

Motivation

This is useful when writing complex values that prefer context of already written text.

P.S. My company has 10 pro licenses.

Search keywords: Autocomplete, multiple

@Bram-Zijp Bram-Zijp added the status: waiting for maintainer These issues haven't been looked at yet by a maintainer label Aug 6, 2024
@ZeeshanTamboli ZeeshanTamboli changed the title Improve editing experience of Autocomplete using the "multiple" option [material-ui][Autocomplete] Improve editing experience of Autocomplete using the "multiple" option Aug 6, 2024
@ZeeshanTamboli ZeeshanTamboli added package: material-ui Specific to @mui/material component: autocomplete This is the name of the generic UI component, not the React module! labels Aug 6, 2024
@ZeeshanTamboli
Copy link
Member

I thought using TextField with the multiline prop would work as expected, but it doesn't. Same request has been mentioned here: #29961 (comment). I'll mark this request as an enhancement.

@ZeeshanTamboli ZeeshanTamboli added enhancement This is not a bug, nor a new feature and removed status: waiting for maintainer These issues haven't been looked at yet by a maintainer labels Aug 6, 2024
@Sergio16T
Copy link
Contributor

Hi @ZeeshanTamboli could you please assign this issue to me?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
component: autocomplete This is the name of the generic UI component, not the React module! enhancement This is not a bug, nor a new feature package: material-ui Specific to @mui/material
Projects
None yet
Development

No branches or pull requests

4 participants