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

[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