I am trying to use the <datalist> as an autocomplete populated via ajax. This works fine on desktop browsers including Safari. (There are some older posts on stackoverflow which indicate that Safari does not support the datalist, but current versions do.)

iOS Safari does not display the options by default and will only display once the user clicks the down arrow icon on the right of the input.

It is unintuitive to the user that there are options to choose from in the datalist and it is awkward that clicking the down arrow has the negative effect of closing the keyboard.

Is there a way to trigger the display of the list while the user is typing?