#css #reactjs #tailwind-css
#css #reactjs #tailwind-css
Вопрос:
Как автоматически отображать выпадающий список EmojiPicker вверху, слева, справа или внизу в зависимости от доступного пространства, не мешая просмотру выпадающего списка или не перемещая элементы в другую сторону, чтобы создать пространство для отображения средства выбора.
Приведенный ниже пример кода основан на reactjs, tailwind css и emoji-picker-react.
Пример кода без автоматического форматирования на основе доступного пространства: https://codesandbox.io/s/twitter-bar-form-forked-n29s0?file=/src/components/Submit/Submit.jsx
Ниже приведены изображения:
- Изображение без форматирования выпадающего списка EmojiPicker
- Изображение с автоматически отформатированным выпадающим списком EmojiPicker
