-
-
Notifications
You must be signed in to change notification settings - Fork 32.7k
Open
Labels
designThis is about UI or UX design, please involve a designer.This is about UI or UX design, please involve a designer.scope: autocompleteChanges related to the autocomplete. This includes ComboBox.Changes related to the autocomplete. This includes ComboBox.type: bugIt doesn't behave as expected.It doesn't behave as expected.
Milestone
Description
- The issue is present in the latest release.
- I have searched the issues of this repository and believe that this is not a duplicate.
Current Behavior 😯
When having not that much space below the bottom of the input field the Autocomplete opens to the top.
By entering text into the input field the Autocomplete field gets shorter and jumps to the bottom.
Expected Behavior 🤔
After opening the Autocomplete ist should stay at the same position as the switch to the bottom is not expected and the user has to re-orientate to find the list of suggestions.
Steps to Reproduce 🕹
CodeSandbox used for reproduction: https://codesandbox.io/s/naughty-hermann-24rmn
Steps:
- The input field

- Ensure that there is not much space to the bottom
- After clicking into the field, the Autocomplete opens to the top (as expected ✔️)

- After typing an "a", the Autocomplete jumps to the bottom (not expected, should stay ❌)

Your Environment 🌎
| Tech | Version |
|---|---|
| Material-UI | v4.11.0 |
| React | v16.13.1 |
| Browser | Chrome 83 |
Reactions are currently unavailable
Metadata
Metadata
Assignees
Labels
designThis is about UI or UX design, please involve a designer.This is about UI or UX design, please involve a designer.scope: autocompleteChanges related to the autocomplete. This includes ComboBox.Changes related to the autocomplete. This includes ComboBox.type: bugIt doesn't behave as expected.It doesn't behave as expected.