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

[Anonymous]

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


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

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

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

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