fix(material/autocomplete): autocomplete panel top is cut off in landscape mode

[essjay05]

Fixes a bug in the Angular Material Autocomplete component where the autocomplete panel listbox top is cut off by the device screen when being viewed in landscape mode. This is because the listbox max-height is greater than the distance between the top of the autocomplete input and the screen top.

Fixes b/284148377

[essjay05]

Googlers see internal.

Screenshot for bug fix test reference here.

[essjay05]

Screencast after recommended changes here