fix: prevent fb popup alt axis overflow (#203)

diplodoc-platform · Feb 15, 2024 · a6f4af2 · a6f4af2
1 parent 8449929
commit a6f4af2
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git 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
@@ -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>