fix: align ConfirmPopup arrow directly above trigger for top position (…

…#7215)
primefaces · Sep 18, 2024 · f040d81 · f040d81
1 parent bac55c0
commit f040d81
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/components/lib/confirmpopup/ConfirmPopup.js b/components/lib/confirmpopup/ConfirmPopup.js
@@ -142,7 +142,7 @@ export const ConfirmPopup = React.memo(
 
         const onEnter = () => {
             ZIndexUtils.set('overlay', overlayRef.current, (context && context.autoZIndex) || PrimeReact.autoZIndex, (context && context.zIndex.overlay) || PrimeReact.zIndex.overlay);
-            DomHandler.addStyles(overlayRef.current, { position: 'absolute', top: '50%', left: '50%', marginTop: '10px' });
+            DomHandler.addStyles(overlayRef.current, { position: 'absolute', top: '0', left: '0' });
             align();
         };
 

diff --git a/components/lib/confirmpopup/ConfirmPopupBase.js b/components/lib/confirmpopup/ConfirmPopupBase.js
@@ -4,9 +4,12 @@ import { classNames } from '../utils/Utils';
 
 const styles = `
 @layer primereact {
+   .p-confirm-popup {
+        margin-top: 10px;       
+    }
+
     .p-confirm-popup-flipped {
-        margin-top: 0;
-        margin-bottom: 10px;
+        margin-top: -10px;
     }
     
     .p-confirm-popup:after, .p-confirm-popup:before {