From e1fee7cd410530bfba95e6eb3c03be6ac2626fd2 Mon Sep 17 00:00:00 2001 From: fahdmk <51023058+fahdmk@users.noreply.github.com> Date: Tue, 23 Apr 2024 00:23:48 +0100 Subject: [PATCH] Update Autocomplete.js in this issue https://github.com/mui/material-ui/issues/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> --- packages/mui-material/src/Autocomplete/Autocomplete.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/mui-material/src/Autocomplete/Autocomplete.js b/packages/mui-material/src/Autocomplete/Autocomplete.js index 2aea5bf347fb6b..5b53bd9d59ea0c 100644 --- a/packages/mui-material/src/Autocomplete/Autocomplete.js +++ b/packages/mui-material/src/Autocomplete/Autocomplete.js @@ -101,7 +101,7 @@ const AutocompleteRoot = styled('div', { maxWidth: 'calc(100% - 6px)', }, [`& .${autocompleteClasses.inputRoot}`]: { - flexWrap: 'wrap', + flexWrap: 'nowrap', [`.${autocompleteClasses.hasPopupIcon}&, .${autocompleteClasses.hasClearIcon}&`]: { paddingRight: 26 + 4, },