У меня есть ошибка на сайте, где у меня есть всплывающая подсказка, которая неправильно позиционируется в модальном windows из-за значения scroll, вызванного overflow-y
В основном мне нужно отправить текущее количество прокрутки, которое есть в overflow-y модальном компоненте, из-за модального позиционирования в переполнении поток <ReactTooltip /> получает смещение.
Как по этому вопросу
- поднятие
<ReactToolTip /> за пределами <Modal /> делает свое дело - , который, как я тестировал в одном
<App />, работает , но это означает, что вы должны иметь <Modal /> в том же компоненте enet, что и <ReactTooltip />. - Проблема в том, что в моем проекте структура намного сложнее, и компоненты имеют вложенную иерархию, иногда состоящую из 4-5 компонентов в глубине модальной области.
Так что, как только вы импортируете компонента, вы не можете иметь <ReactTooltip /> внутри самого внутреннего компонента, и если вы ссылаетесь на <ReactTooltip /> в другом слое, то он не знает, на какой id он должен ссылаться.
Как показано в в этом примере с живыми кодами и коробками
Как только вы углубитесь в 3 компонента, я не t знаю, что я должен ссылаться на компонент и в каком слое он должен быть.
-> HOC for handling state + subcomponents
-> Modal Component
-> Subcomponent with tooltip
Вот также документация для