Autocomplete panel does not reposition on scroll of child element

[grizzm0]

Bug, feature request, or proposal:

Bug

What is the expected behavior?

While scrolling the autocomplete panel should reposition itself to follow the input.

What is the current behavior?

The panel repositions itself while scrolling body but not if the autocomplete is within a child element that has a scroll.

What are the steps to reproduce?

http://plnkr.co/edit/6Wzw5qBuUARyzgqI3foL?p=preview

What is the use-case or motivation for changing an existing behavior?

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

Is there anything else we should know?

[fxck]

dupe of #3413

[crisbeto]

@grizzm0 it'll work if you add cdk-scrollable to the main element. Here's a forked Plunkr.

[kostas-kapasakis]

https://stackblitz.com/edit/angular-sc6bfp-ft5zvw?file=app%2Fautocomplete-overview-example.html

The issue is still there if you want bigger mat-option content.For example if we set the map-option height style , for example style="height:97px" by navigating with down arrow key the scrolling doesnt work properly

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}