4

What controls the number of items displayed in a drop down list for md-autocomplete.

I have space for more than the 5 that are being displayed.

ed4becky
  • 1,488
  • 1
  • 17
  • 54

2 Answers2

2

Do you mean increase the height of the autocomplete results container? If that's the case, this is not yet posible with angular-material out of the box. See this closed issue.

As it's posted in an issue comment, as a workaround you can use a little css hack. Something like this:

.md-virtual-repeat-container.md-autocomplete-suggestions-container {
    height: 350px;
    max-height: 350px !important;
}

You can see it working on this plunker. Hope it helps

troig
  • 7,072
  • 4
  • 37
  • 63
  • 1
    This was even better: .md-virtual-repeat-container.md-autocomplete-suggestions-container { position: fixed; bottom: 50px !important; height: initial !important; max-height: 99999999px !important; } – ed4becky Nov 15 '16 at 13:32
0

use md-dropdown-items="7"

Sourced from the issue linked above.

jm__
  • 112
  • 1
  • 4