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

Inaccessible searched items in Auto Complete #4411

Closed
kinsly opened this issue Jun 2, 2016 · 4 comments
Closed

Inaccessible searched items in Auto Complete #4411

kinsly opened this issue Jun 2, 2016 · 4 comments
Labels
component: autocomplete This is the name of the generic UI component, not the React module! v0.x

Comments

@kinsly
Copy link

kinsly commented Jun 2, 2016

Problem description

I am using Auto Complete component of the Material UI Kit for one of my projects. We have a lengthy list of items and we use the Auto Complete component to quickly search through the items; which works well. However, when I use the component in smaller sized windows (ex: dialog box), height of the component doesn't adjust to height of the window. Therefore, I cannot access the items listed below.

I have attached a screenshot which shows similar situation in your sample

(even though all items are accessible by scrolling parent page).

Versions

  • Material-UI: v0.15.0
  • React: 15.0.2

Images

imgpsh_fullsize 1

@flucivja
Copy link

I have same issue.
When the autocomplete list is bigger than window`s height then it overflows the window. I think it should have max height of window or it should accept maxHeight style and if the list has bigger height than provided maxHeight then it should create scrollbar.

btw. It's possible to provide listStyle with maxHeight, but when I provide maxHeight: '100%' it does not work and overflows the window like on screenshot provided by @kinsly and if I provide static maxHeight: 500 then list is scrollable but when window is smaller than 500px then it again overflows the window.

I use mui 0.15.1 and react 15.1.0.

@mpontikes mpontikes mentioned this issue Aug 5, 2016
13 tasks
@gre
Copy link

gre commented Aug 10, 2016

did you figured out a workaround? can overflowY be disabled?

@gre
Copy link

gre commented Aug 10, 2016

Ok actually yes,

using

  bodyStyle={{ overflowY: "initial" }}

@kinsly kinsly closed this as completed Aug 10, 2016
@tianchu
Copy link

tianchu commented Jan 17, 2017

Same issue reproduced here.

@oliviertassinari oliviertassinari added the status: waiting for maintainer These issues haven't been looked at yet by a maintainer label Dec 21, 2022
@zannager zannager added v0.x component: autocomplete This is the name of the generic UI component, not the React module! and removed status: waiting for maintainer These issues haven't been looked at yet by a maintainer labels Jan 12, 2023
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! v0.x
Projects
None yet
Development

No branches or pull requests

6 participants