fix: prevent fb popup alt axis overflow

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

Hide file tree

Showing 2 changed files with 2 additions and 0 deletions.
diff --git a/src/components/Feedback/controls/DislikeVariantsPopup.tsx b/src/components/Feedback/controls/DislikeVariantsPopup.tsx
@@ -164,6 +164,7 @@ 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,7 @@ 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>