search

mui / material-ui

Material UI: Comprehensive React component library that implements Google's Material Design. Free forever.
https://mui.com/material-ui/
MIT License
93.31k stars 32.12k forks source link

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

Open Bram-Zijp opened 1 month ago

Bram-Zijp commented 1 month ago

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

ZeeshanTamboli commented 1 month ago

I thought using TextField with the multiline prop would work as expected, but it doesn't. Same request has been mentioned here: https://github.com/mui/material-ui/issues/29961#issuecomment-1333107196. I'll mark this request as an enhancement.

Sergio16T commented 1 month ago

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