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

[Anonymous]

Я разрабатываю игру в браузер в React. У меня есть сетка ячеек, и я хочу, чтобы при щелчке ячейки открывается диалог прямо над ней с некоторыми параметрами. < /P>
Вот грубо При нажатии на эту ячейку, строка 5, столбец 4:


Я открыл использовать для диалога любой техники или библиотеки. Я могу только сосредоточить его или позиционировать, используя фиксированные элементы, например: < /p>

Код: Выделить всё

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

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