ios - Mat-Autocomplete 选项位于 iOS 屏幕下方

Question

我在浏览器屏幕底部的 Angular Material Autocomplete 组件面临 2 个问题。

1. 输入字段被键盘覆盖，我发现这个解决方案有效，但我不知道它是否适合此类问题

    document.getElementById("searchInput").onfocus = () => {
      window.scrollTo(0, window.outerHeight);
      document.body.scrollTop = window.outerHeight;
    }

2. 自动完成选项位于键盘下方，因此用户无法进行选择。

我尝试使用 Windows 10 + Chrome 73 以及我的 Android 智能手机小米 Mi A1 + Chrome 74 并且一切正常，但使用 iPhone 7 + Chrome 74 我遇到了麻烦。

在这里你可以找到我正在使用的代码：Stackblitz - Material autocomplete

标签： iosiphoneangularangular-material