From 4e23bdd9f1758d236cb9c5e0273e5828c6370c28 Mon Sep 17 00:00:00 2001
From: IRBorisov <8611739+IRBorisov@users.noreply.github.com>
Date: Thu, 7 Dec 2023 01:33:34 +0300
Subject: [PATCH] Add Portal to tooltips

---
 rsconcept/frontend/src/components/Common/ConceptTooltip.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/rsconcept/frontend/src/components/Common/ConceptTooltip.tsx b/rsconcept/frontend/src/components/Common/ConceptTooltip.tsx
index dc4e8529..9d874041 100644
--- a/rsconcept/frontend/src/components/Common/ConceptTooltip.tsx
+++ b/rsconcept/frontend/src/components/Common/ConceptTooltip.tsx
@@ -1,3 +1,4 @@
+import { createPortal } from 'react-dom';
 import { ITooltip, Tooltip } from 'react-tooltip';
 
 import { useConceptTheme } from '../../context/ThemeContext';
@@ -16,7 +17,7 @@ function ConceptTooltip({
 }: ConceptTooltipProps) {
   const { darkMode } = useConceptTheme();
 
-  return (
+  return createPortal(
   <Tooltip
     opacity={0.97}
     style={{...{ paddingTop: '2px', paddingBottom: '2px'}, ...style}}
@@ -24,8 +25,7 @@ function ConceptTooltip({
     variant={(darkMode ? 'dark' : 'light')}
     place={place}
     {...restProps}
-  />
-  );
+  />, document.body);
 }
 
 export default ConceptTooltip;