android - Google Places Autocomplete 插件无法在 Firefox android 中运行

Question

我们在我们的网站上使用了谷歌的 places-autocomplete 插件。

最近，我们收到了网站访问者的多起投诉，称此插件无法在 Android 版本的 Firefox 中运行。不过，它在桌面版 Firefox 中运行良好。

这个问题可以简单的观察到

1. 前往地点自动完成示例 here
2. 尝试在“输入位置”搜索输入中输入邮政编码

您将观察到以下 2 个问题 -

1. Google 自动完成功能应在您开始输入时显示建议 邮政编码。但直到有人在 5 位邮政编码后键入 space 或 , 时才会出现。
2. 当建议确实出现时(在键入 space 或 , 之后)，您不能选择第一个建议。当您点击它时，光标会移回搜索输入。但是，您可以正确选择第二个或第三个建议。

问题 #2 对用户来说非常烦人和沮丧。我们已经收到多起关于此的投诉。

我已经在运行 Android 4.4.2 的三星 S4 上的 Firefox 版本 36.0.2 上确认了这一点。

如何解决？

Answer 1

解决第二个问题的方法是为第一个自动完成建议提供上边距，以便用户可以点击它。它不漂亮但很实用。

CSS

.FirefoxAndroid .pac-container .pac-item:first-child { 
    margin-top: 20px;
}

js

<script> 
    var is_firefox = navigator.userAgent.toLowerCase().indexOf('firefox') > -1;     
    var is_android = navigator.userAgent.toLowerCase().indexOf('android') > -1; 

    if(is_firefox && is_android){ 
        $('html').addClass('FirefoxAndroid');
    }
</script>