HTML5 элемент данных в Opera

Я пытаюсь добавить список данных на странице профиля пользователя 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 показывает белое поле, в котором элементы списка доступны, но не видны, как показано на рисунке:

Даталист в Опере

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

0

Решение

Datalist немного глючит в соответствии с http://caniuse.com/#feat=datalist на оперу.

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

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

0

Другие решения

Других решений пока нет …