Список возможных значений 9/28

В теории так:

скрин

1

По факту так:

скрин

2

Плюс, когда я начала вводить текст в поле, никаких подсказок не было. Зато после отправки формы и возвращения назад при нажатии на поле вылазит подсказка.

скрин

3

Вот код. Может, я неправильно поняла теорию.

код
<input type="text" id="dish" name="dish" list="dish">
        <datalist id="dish">
          <option value="Рыба"></option>
          <option value="Мясо"></option>
          <option value="Молоко"></option>
        </datalist>

Пришлите, пожалуйста, скриншот, где курсор стоит внутри поля, но при этом варианты ввода не появляются.

По поводу кода — на странице не должно быть элементов с одинаковым id. Это уникальный идентификатор.