HTML5-Datenelement in Opera

Question

Ich versuche, einen Datenlistener auf der WordPress-Benutzerprofilseite hinzuzufügen. Dies ist der Code:

<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> 

Alles funktioniert in Chrome und Firefox, aber Opera zeigt eine weiße Box, wo die Elemente der Liste sind vorhanden, aber nicht sichtbar, wie im Bild gezeigt:

Ich kann die Optionen auswählen, aber sie sind nicht sichtbar. Irgendwelche Vorschläge?

Answer 1

Datalist ist ein bisschen fehlerhaft nach http://caniuse.com/#feat=datalist auf Opera.

Der Fehler aufgelistet es nicht diejenige, die Sie ist erwähnt, aber ich denke, dass, wenn es nicht vollständig gibt es einige andere unerwartete Verhaltensweisen unterstützt wird ...

Sie sollten die datalist-polyfill überprüfen, ist es Ihr Problem lösen könnte.