Autocomplete with multiple values extends to multiple rows. Need to provide horizontal scrollbar support

mui / material-ui

Material UI: Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.

https://mui.com/material-ui/

MIT License

91.86k stars 31.57k forks source link

Autocomplete with multiple values extends to multiple rows. Need to provide horizontal scrollbar support #22390

Closed logesh2496 closed 3 years ago

logesh2496 commented 3 years ago

Currently if multiple values are being selected in autoComplete, the container is keep expanding vertiacally. But i want to have the values horizontally scrollable.

Current Behavior 😯

Expected Behavior something like this. Autocomplete has to maintain the initial height and selected items show flow from right to left.

oliviertassinari commented 3 years ago

Duplicate of #19137

logesh2496 commented 3 years ago

Duplicate of #19137

The problem am facing is when the input is on focus. Limit tags only applies when out of focus. And am specifically mentioned about horizontal scrollbar when input is being focused. Can you please guide me on this?

abhineet11 commented 3 years ago

Any solution on this?

azar-g commented 1 year ago

No solution yet?

MasterProvider commented 8 months ago

any update on this?

Arshad8066 commented 2 months ago

any solution

skywalker282 commented 1 week ago

any update on this ?