Autocomplete not working in ios safari

[Saul-Simhon]

Bug, feature request, or proposal:

Autocomplete does not work on latest version of iOS safari.

What is the expected behavior?

The suggestions should pop-up properly aligned with the textbox

What is the current behavior?

The suggestions pop-up initially too high above the textbox, and as one scrolls they disappear.
Further, as one enters text, the suggestion box also disappears out of view. See screenshot:

This problem seems to be correlated with the iOS keyboard display.

Suggestion box disappears after scrolling up:

Or, suggestion box disappears after entering text

What are the steps to reproduce?

Visit the DEMO site on an iPhone; see the example for autocomplete component and actually try using it.

Providing a Plunker (or similar) is the best way to get the team to see your issue.
Plunker template: https://goo.gl/DlHd6U

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

The component is completely not usable on iOS devices.

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

The version used for the angular material demo site as of Sept 3.

Is there anything else we should know?

[crisbeto]

Closing as a dupe of #6341.

[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.}