在移动窗口调整大小时重新定位自动完成 .pac.container

Question

我花了一天时间试图解决一个问题。当用户放大页面时，谷歌放置自动完成 .pac-container 不再显示在相应的输入字段下。我花了一天的时间进行测试，发现是来自 Google 的：https://code.google.com/p/gmaps-api-issues/issues/detail?id=3416。

让我更详细地解释一下。当我在视口上加载初始比例为 1 的页面并单击搜索输入字段时，自动完成建议框会准确地下拉到应有的位置。但是，当我在移动设备上放大或缩小该页面时，.pac-container 会丢失其位置：

如您所见，容器现在位于输入字段下方。我尝试了很多东西，例如当输入字段有焦点时清除 .pac-container 的样式。没有任何效果。有人有解决办法吗？

Answer 1

我刚刚在我的用例中解决了这个问题，只需将“height：auto”添加到 body css。修复了问题，现在 .pac-container 可以准确定位到需要输入的位置。