Как перенести элемент на наверх по DOM дереву с сохранением его текущей позиции?

Question

[DZHAMBUALT]

Здраствуйте! У меня есть вот такая диаграмма созданная на React:


При наведении на элемент диаграммы вылазит tooltip. Проблема заключается в том что контент диграммы ораничивается и то что вылазит скрывается с помощью overflow hidden. Вот примеры:



Я слышал о React Portals и пробовал переместить за пределы диаграммы эти tooltip. Но при переносе у них не сохраняется нужное позиционирование. Можете объяснить как решить эту проблему?

Comments

[Aetae]

Что значит "у них не сохраняется нужное позиционирование"?
Вы же этим позиционированием управляете. Тупо сделайте поправку на отступ, типа не left = x + 'px',
а:

leftSpace = 50;
left = x + leftSpace + 'px';

Ну или статично прям в css задайте ченрез translate(50px, 40px).
В чём проблема то?

[DZHAMBUALT]

Да это можно сделать но это не то что я хочу. Было бы лучше если тултип был виден за пределами диаграммы(