Я реализую виджет пользовательского интерфейса автозаполнения в моем веб-приложении, но выпадающий список отображается за моей панелью редактирования. Я могу использовать клавиши со стрелками для выбора параметров, но я не вижу всплывающее окно. Если я удаляю одно из следующих css property {position: "fixed"} или {"z-index": "2000"}, это работает, но моя панель редактирования больше не будет выглядеть правильно. Кажется, мне нужно установить zindex раскрывающегося списка на 2001 или что-то в этом роде, но я не уверен в том, как или если это лучшее решение.
Также я пытаюсь установить начальное значение раскрывающегося списка: «ACCU-SEAL 35-532 Bag Sealer», но появляется следующая ошибка:
Material-UI: the 'getOptionLabel' method of Autocomplete returned undefined instead of a string for "ACCU-SEAL 35-532 Bag Sealer".
, поэтому я попытался добавить следующее к своему автозаполнению:
getOptionSelected={(option, value) => option.label === value}
но я получаю ту же ошибку.
У меня есть пример моего кода здесь: https://codesandbox.io/s/material-demo-fv075?file= / formElementsEdit.jsx