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.

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] Change dropdown position #24962

Closed
RahulShahUI opened this issue Feb 16, 2021 · 5 comments
Closed

[Autocomplete] Change dropdown position #24962

RahulShahUI opened this issue Feb 16, 2021 · 5 comments
Labels
component: autocomplete This is the name of the generic UI component, not the React module! component: Popper The React component. See <Popup> for the latest version. support: question Community support but can be turned into an improvement

Comments

@RahulShahUI
Copy link

RahulShahUI commented Feb 16, 2021

how to disable autocomplete options auto position?

want to show autocomplete options always bottom.

https://codesandbox.io/s/material-demo-forked-t1luy?file=/demo.js

@RahulShahUI RahulShahUI added the status: waiting for maintainer These issues haven't been looked at yet by a maintainer label Feb 16, 2021
@oliviertassinari oliviertassinari added component: autocomplete This is the name of the generic UI component, not the React module! support: Stack Overflow Please ask the community on Stack Overflow and removed status: waiting for maintainer These issues haven't been looked at yet by a maintainer labels Feb 16, 2021
@support
Copy link

support bot commented Feb 16, 2021

👋 Thanks for using Material-UI!

We use GitHub issues exclusively as a bug and feature requests tracker, however,
this issue appears to be a support request.

For support, please check out https://material-ui.com/getting-started/support/. Thanks!

If you have a question on StackOverflow, you are welcome to link to it here, it might help others.
If your issue is subsequently confirmed as a bug, and the report follows the issue template, it can be reopened.

@support support bot closed this as completed Feb 16, 2021
@oliviertassinari
Copy link
Member

Related to #21661. Tip, you can customize the Popper component.

@sajithkahawatta
Copy link

sajithkahawatta commented Aug 3, 2023

This worked for me. I'm using v"5.14.0".

<Autocomplete
componentsProps={{
  popper: {
    modifiers: [
      {
        name: 'flip',
        enabled: false
      }
    ]
  }
}}

@oliviertassinari oliviertassinari added duplicate This issue or pull request already exists and removed support: Stack Overflow Please ask the community on Stack Overflow labels Aug 11, 2023
@github-actions github-actions bot reopened this Aug 11, 2023
@oliviertassinari oliviertassinari added support: question Community support but can be turned into an improvement and removed duplicate This issue or pull request already exists labels Aug 11, 2023
@oliviertassinari oliviertassinari changed the title material UI AutoComplete dropdown position [Autocomplete] Change dropdown position Aug 11, 2023
@oliviertassinari oliviertassinari added the component: Popper The React component. See <Popup> for the latest version. label Aug 12, 2023
@andrii-shpontak
Copy link

Thanks @sajithkahawatta for this comment - #24962 (comment).

@jlaustill
Copy link

This worked for me. I'm using v"5.14.0".

<Autocomplete
componentsProps={{
  popper: {
    modifiers: [
      {
        name: 'flip',
        enabled: false
      }
    ]
  }
}}

Thanks @sajithkahawatta !!!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
component: autocomplete This is the name of the generic UI component, not the React module! component: Popper The React component. See <Popup> for the latest version. support: question Community support but can be turned into an improvement
Projects
None yet
Development

No branches or pull requests

5 participants