I am new in HTML and javascript. I have the following html code which works perfect on desktop browsers. It allows the user to type freely or/and to choose from the list at the same time, but it doesn't work well on mobile browsers. The problem is that when I type, I can't see the list and when I have access in the list, the mobile's keyboard disappears. I will appreciate if someone could help me.

<form>
  <input list="browsers" name="browser" id="browser">
  <datalist id="browsers">
    <option value="Edge">
    <option value="Firefox">
    <option value="Chrome">
    <option value="Opera">
    <option value="Safari">
  </datalist>
</form>