HTML-элемент datalist в Opera

Question

Я пытаюсь добавить datalist на странице профиля пользователя WordPress. Это код:

<input type="text" list="my_list" name="my[artist]" class="regular-text" value="<?php echo esc_attr(get_the_author_meta('my_artist', $user->ID)); ?>" /> 
<datalist id="my_list"> 
    <option value="ACDC">ACDC</option> 
    <option value="Iron Maiden">Iron Maiden</option> 
    <option value="Led Zeppelin">Led Zeppelin</option> 
    <option value="Metallica">Metallica</option> 
    <option value="Megadeth">Megadeth</option> 
    <option value="Pantera">Pantera</option> 
    <option value="Slayer">Slayer</option> 
</datalist> 

Все хорошо в Chrome и Firefox работает, но Opera показывает белый прямоугольник, в котором элементы списка доступны, но не видно, как показано на рисунке:

Я могу выбрать параметры, но они не видны. Любые предложения?

Answer 1

datalist - это немного багги в соответствии с http://caniuse.com/#feat=datalist на Opera.

Исправлена ​​ошибка в списке есть не один вы упомянули, но я думаю, что если она не полностью поддерживается, есть и другие неожиданные поведения ...

Вы должны проверить datalist-polyfill, это может решить вашу проблему.