Как отобразить диалог в React прямо над Div, который его открыл?Html

Программисты Html
Ответить
Anonymous
 Как отобразить диалог в React прямо над Div, который его открыл?

Сообщение Anonymous »

Я разрабатываю игру в браузер в React. У меня есть сетка ячеек, и я хочу, чтобы при щелчке ячейки открывается диалог прямо над ней с некоторыми параметрами. src = "https://i.sstatic.net/9nfzba1k.png"/>

Я открыт для использования для диалоги. /> Я попытался использовать диалог в безголовом UI - https://headlessui.com/react/dialog
Я могу только сосредоточить его или позиционировать, используя фиксированные элементы, например:

< /code>
Проблема с этим в том, что мне пришлось бы рассчитать их для каждой ячейки, и, поскольку макет должен быть отзывчивым, было бы усложнено для расчета для разных размеров экрана. < /p>
В идеале у меня был бы диалог, который открывает по сравнению с ячейкой (Div). либо с какой -то библиотекой компонентов реагирования?

Подробнее здесь: https://stackoverflow.com/questions/793 ... -opened-it
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Html»