Eu acho o novo<datalist> geralmente muito útil, mas acho que as sugestões não são visíveis o suficiente. Existe uma maneira de acionar a exibição de sugestões de datalist usando javascript?

Por exemplo, eu tenho um datalista em um<input type="number"> (jsFiddle).

<label>
    Enter a Fibonacci number:
    <input type="number" list="fibonacci" min="0" id="myinput">
</label>
<datalist id="fibonacci">
    <option value="0">
    <option value="1">
    <option value="2">
    <option value="3">
    <option value="5">
    <option value="8">
    <option value="13">
    <option value="21">
</datalist>
<button type="button" id="show-suggestions">Show suggestions</button>

<script>
$('#show-suggestions').click(function() {
    // .showSuggestions() does not exist.
    // I'd like it to display the suggested values for the input field.
    $('#myinput').showSuggestions();
});
</script>

No Chrome, a lista completa de sugestões é mostrada apenas quando a entrada está vazia, já tem foco e o usuário clica na entrada. A seta para baixo não mostra as sugestões - simplesmente diminui o valor.

Eu gostaria de tornar as sugestões mais visíveis. Como exemplo, adicionei um botão que deveria abrir a lista de sugestões. O que eu coloco no onClick-handler?

Eu usei o Chrome, jQuery e um número de entrada neste exemplo, mas eu prefiro uma solução genérica independente de todos eles.