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.

Sign up for GitHub

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

Jump to bottom

[material-ui][Autocomplete] Adding start adornment on small autocompletes causes text to wrap #41780

Closed
TahaRhidouani opened this issue Apr 5, 2024 · 4 comments · Fixed by #41781
Closed

[material-ui][Autocomplete] Adding start adornment on small autocompletes causes text to wrap #41780

TahaRhidouani opened this issue Apr 5, 2024 · 4 comments · Fixed by #41781
Assignees
@TahaRhidouani
Labels
bug 🐛 Something doesn't work component: autocomplete This is the name of the generic UI component, not the React module! package: material-ui Specific to @mui/material

Comments

@TahaRhidouani
Copy link
Contributor

TahaRhidouani commented Apr 5, 2024 •
edited by github-actions bot

Steps to reproduce

Link to live example: (stackblitz)

The startAdornment behavior used in an Autocomplete doesn't match that of a regular TextField. The Autocomplete wraps onto a new line when it gets too small.

Current behavior

image

Expected behavior

image

Context

No response

Your environment

No response

Search keywords: startAdornment autcomplete text wrap
@TahaRhidouani TahaRhidouani added the status: waiting for maintainer These issues haven't been looked at yet by a maintainer label Apr 5, 2024
@TahaRhidouani
Copy link
Contributor Author

Working on a fix

@TahaRhidouani TahaRhidouani mentioned this issue Apr 5, 2024
Merged
@danilo-leal danilo-leal changed the title [Autocomplete] Adding start adornment on small autocompletes causes text to wrap [material-ui][Autocomplete] Adding start adornment on small autocompletes causes text to wrap Apr 5, 2024
@danilo-leal danilo-leal added package: material-ui Specific to @mui/material component: autocomplete This is the name of the generic UI component, not the React module! labels Apr 5, 2024
@unaisshemim
Copy link

can you assign this to me

fahdmk added a commit to fahdmk/material-ui that referenced this issue Apr 22, 2024
@fahdmk
Update Autocomplete.js
e1fee7c 
in this issue mui#41780 The startAdornment behavior used in an Autocomplete doesn't match that of a regular TextField. The Autocomplete wraps onto a new line when it gets too small. i think it is a simple fix just to change flexwrap from wrap to nowrap but i can't run the library locally on my computer to test it 

Signed-off-by: fahdmk <51023058+fahdmk@users.noreply.github.com>
@fahdmk fahdmk mentioned this issue Apr 22, 2024
Closed
1 task
@ZeeshanTamboli ZeeshanTamboli added bug 🐛 Something doesn't work and removed status: waiting for maintainer These issues haven't been looked at yet by a maintainer labels Apr 24, 2024
@ZeeshanTamboli
Copy link
Member

Thanks for reporting. Looks like a bug.

@TahaRhidouani
Copy link
Contributor Author

Yeah, I've already made a PR that fixes this issue, but I'm waiting on a review @mj12albert

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@TahaRhidouani TahaRhidouani

Labels
bug 🐛 Something doesn't work component: autocomplete This is the name of the generic UI component, not the React module! package: material-ui Specific to @mui/material
Projects
None yet
Milestone
No milestone
5 participants
@mj12albert @ZeeshanTamboli @TahaRhidouani @danilo-leal @unaisshemim