Skip to content

[Autocomplete] Jumps between being expanded to the top/bottom #21661

@foxylion

Description

@foxylion
  • 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:

  1. The input field
    image
  2. Ensure that there is not much space to the bottom
  3. After clicking into the field, the Autocomplete opens to the top (as expected ✔️)
    image
  4. After typing an "a", the Autocomplete jumps to the bottom (not expected, should stay ❌)
    image

Your Environment 🌎

Tech Version
Material-UI v4.11.0
React v16.13.1
Browser Chrome 83

Metadata

Metadata

Assignees

No one assigned

    Labels

    designThis is about UI or UX design, please involve a designer.scope: autocompleteChanges related to the autocomplete. This includes ComboBox.type: bugIt doesn't behave as expected.

    Projects

    No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions