Material: Autocomplete list positioning incorrect

Created on 22 Apr 2016 · 4Comments · Source: angular/material

The autocomplete's list is being positioned above the input when there is plenty of room for it below.
Refer: codepen

Simply expand/shrink the viewport to see the issue.
Above (plenty of space below):

Below (expanded the viewport slightly):

bug

Source

anderslyman

👍1

Most helpful comment

+1, have the same issue. Is there anyone who could solve it even with a workaround?
It seems it's working well in 1.1.0-rc6, but the issue exists in 1.0.0-rc6

One more input in that: resizing the window fixes the position of the dropdown.

iamisti on 25 Apr 2016

👍2

All 4 comments

+1, have the same issue. Is there anyone who could solve it even with a workaround?
It seems it's working well in 1.1.0-rc6, but the issue exists in 1.0.0-rc6

One more input in that: resizing the window fixes the position of the dropdown.

iamisti on 25 Apr 2016

👍2

This issue is closed as part of our ‘Surge Focus on Material 2' efforts.
For details, see our forum posting @ http://bit.ly/1UhZyWs.

ThomasBurleson on 2 Jun 2016

👎3

So not even a workaround suggested?

iamisti on 28 Jul 2016

is there any workaround ? im having the same issue :(
i apply solution of body { height:auto; min-height: 100%; } this solution make the content area of md-autocomplete render below the control but it causing me issues in scrolling, this solution is not effective.
kindly help regarding this issue