Я надеюсь, что вы, ребята, можете помочь мне с этим, у меня есть автозаполнение с datalist для ввода текста, это работает в chrome, firefox, opera, и для работы в IE и Safari я использую datalist-polyfill и работал с моим тестом.
Проблема возникает, когда я вижу автозаполнение в сафари, потому что это происходит под другим входом или элементами управления, под изображениями:
Из Safari:

Из Chrome:

Может кто-нибудь помочь мне исправить эту проблему?Также я попытался использовать -webkit-transform: translate3d (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>