-
-
Notifications
You must be signed in to change notification settings - Fork 32.5k
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
Autocomplete list overlaps with input label #28395
Comments
I suggest to add diff --git a/packages/mui-material/src/Autocomplete/Autocomplete.js b/packages/mui-material/src/Autocomplete/Autocomplete.js
index 1fde5aee0e..c35dbfa2cf 100644
--- a/packages/mui-material/src/Autocomplete/Autocomplete.js
+++ b/packages/mui-material/src/Autocomplete/Autocomplete.js
@@ -239,6 +239,7 @@ const AutocompletePaper = styled(Paper, {
})(({ theme }) => ({
...theme.typography.body1,
overflow: 'auto',
+ marginBottom: theme.spacing(1),
}));
const AutocompleteLoading = styled('div', { Not sure if this should be considered a bug or not. cc @mnajdova |
I would consider it a bug, the proposed changes look good to me. Let's just test that all scenarios with all variants look good after the change |
What happens if the input used is the filled or standard variant? Some could argue it's a bug with the OutlinedInput, not the Autocomplete: #13253 (comment). I'm not sure. Actually, maybe the popup should use the window's space, not the viewport' space to change its placement: #21661, reducing the impact of this bug. |
Current Behavior 😯
When I open the autocomplete list and the layout is such that it opens to the top. The list partially overlaps with the input label.
Expected Behavior 🤔
The expected behavior is that the label isn't hidden when the autocomplete is open.
Steps to Reproduce 🕹
Steps:
Context 🔦
Your Environment 🌎
`npx @mui/envinfo`
The text was updated successfully, but these errors were encountered: