From b070b9a681e3c3d75b76700aeda6e82cdf43894f Mon Sep 17 00:00:00 2001
From: orest-s <orest.hlodan@deque.com>
Date: Tue, 10 Oct 2023 15:00:08 +0300
Subject: [PATCH] fix: added fallback placements to avoid situation when there
 is no space on the left and right, so tooltip cannot be flipped and content
 is going out of the page.

---
 packages/react/src/components/Tooltip/index.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/react/src/components/Tooltip/index.tsx b/packages/react/src/components/Tooltip/index.tsx
index a802e0ac0..189695c5a 100644
--- a/packages/react/src/components/Tooltip/index.tsx
+++ b/packages/react/src/components/Tooltip/index.tsx
@@ -66,7 +66,10 @@ export default function Tooltip({
       placement: initialPlacement,
       modifiers: [
         { name: 'preventOverflow', options: { padding: 8 } },
-        { name: 'flip' },
+        {
+          name: 'flip',
+          options: { fallbackPlacements: ['left', 'right', 'top', 'bottom'] }
+        },
         { name: 'offset', options: { offset: [0, 8] } },
         { name: 'arrow', options: { padding: 5, element: arrowElement } }
       ]