From a6f4af20e4a4102f7b20641ac86632775087e55d Mon Sep 17 00:00:00 2001
From: Kiri111enz <61368350+Kiri111enz@users.noreply.github.com>
Date: Thu, 15 Feb 2024 15:28:24 +0300
Subject: [PATCH] fix: prevent fb popup alt axis overflow (#203)

---
 src/components/Feedback/controls/DislikeVariantsPopup.tsx | 6 ++++++
 src/components/Feedback/controls/SuccessPopup.tsx         | 3 +++
 2 files changed, 9 insertions(+)

diff --git a/src/components/Feedback/controls/DislikeVariantsPopup.tsx b/src/components/Feedback/controls/DislikeVariantsPopup.tsx
index d3be60cf..7de22c7c 100644
--- a/src/components/Feedback/controls/DislikeVariantsPopup.tsx
+++ b/src/components/Feedback/controls/DislikeVariantsPopup.tsx
@@ -164,6 +164,12 @@ const DislikeVariantsPopup: React.FC<DislikeVariantsPopupProps> = memo(
                 onOutsideClick={onOutsideClick}
                 contentClassName={b('variants-popup', {view})}
                 placement={position}
+                modifiers={[
+                    {
+                        name: 'preventOverflow',
+                        options: {padding: 1, altBoundary: true, altAxis: true},
+                    },
+                ]}
             >
                 <h3 className={b('popup-title')}>{t<string>('dislike-variants-title')}</h3>
                 <form onSubmit={onFormSubmit}>
diff --git a/src/components/Feedback/controls/SuccessPopup.tsx b/src/components/Feedback/controls/SuccessPopup.tsx
index da53800d..686753e9 100644
--- a/src/components/Feedback/controls/SuccessPopup.tsx
+++ b/src/components/Feedback/controls/SuccessPopup.tsx
@@ -34,6 +34,9 @@ const SuccessPopup = memo<SuccessPopupProps>(({visible, anchor, onOutsideClick,
             onOutsideClick={onOutsideClick}
             contentClassName={b('success-popup', {view})}
             placement={position}
+            modifiers={[
+                {name: 'preventOverflow', options: {padding: 1, altBoundary: true, altAxis: true}},
+            ]}
         >
             <h3 className={b('popup-title')}>{t<string>('success-title')}</h3>
             <p className={b('popup-text')}>{t<string>('success-text')}</p>