Safari的输入下会显示自动完成功能，但Chrome不会显示

Question

希望我能帮到我，我有一个自动完成的带有输入文本的数据列表，它可以在chrome，firefox，opera中工作，并且可以在IE和Safari上工作。我使用了datalist-polyfill并与我的测试一起工作

当我在safari中看到自动完成功能时，就会出现问题，因为它位于图像下方的其他输入或控件下：

从Safari浏览器：

在Chrome中：

有人可以帮助我纠正此问题吗？我也尝试使用 -webkit-transform：translation3d（0，0，0）;但不起作用。下面的一些代码：

    <input class="dtlst form-control" type="text" id="telpre" name="telpre" list="datalist" placeholder="Prefijo" autocomplete="on">
    <datalist id='datalist'>
<!--[if lte IE 9]><select style='display:none' class='ie9_fix'><![endif]-->
    <option value='+502'>Guatemala</option>
<!--[if lte IE 9]></select><![endif]-->
    </datalist>