Выпадающее меню с перевернутой позицией.React-Select + Material-UI Поппер

Question

Я использую пример поля автозаполнения из документации библиотеки Material-UI.(https://material -ui.com / demos / autocomplete / #act-select )

Существует проблема с переворотом меню, когда оно открывается внизу страницы или в браузере.viewport.

Есть ли способ исправить эту проблему с помощью Material-UI и response-select?Или мне нужно написать что-нибудь кастомное?

Answer 1

Если вы не используете <Menu/> пользовательский компонент, вы можете использовать menuPlacement="auto" опору <Select/>, тогда ваша проблема решена.

const components = {
  Control,
  // Menu , <-- delete it
  NoOptionsMessage,
  Option,
  Placeholder,
  SingleValue,
  ValueContainer
};

https://github.com/JedWatson/react-select/issues/403

В противном случае вы можете выбрать другой селектор, Material-UI обеспечивает еще 2-х разную интеграцию с компонентом <Popper/>: response-autosuggest и downshift.

https://material -ui.com / demos / autocomplete/

Надеюсь, это поможет!