Update gutter for aura

primefaces · Apr 22, 2024 · 7c47c3f · 7c47c3f
1 parent 9d9f492
commit 7c47c3f
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 4 deletions.
diff --git a/src/app/components/confirmpopup/confirmpopup.ts b/src/app/components/confirmpopup/confirmpopup.ts
@@ -299,7 +299,7 @@ export class ConfirmPopup implements AfterContentInit, OnDestroy {
         if (!this.confirmation) {
             return;
         }
-        DomHandler.absolutePosition(this.container, this.confirmation?.target);
+        DomHandler.absolutePosition(this.container, this.confirmation?.target, false);
 
         const containerOffset = DomHandler.getOffset(this.container);
         const targetOffset = DomHandler.getOffset(this.confirmation?.target);

diff --git a/src/app/components/dom/domhandler.ts b/src/app/components/dom/domhandler.ts
@@ -118,7 +118,7 @@ export class DomHandler {
         }
     }
 
-    public static relativePosition(element: any, target: any): void {
+    public static relativePosition(element: any, target: any, gutter: boolean = true): void {
         const getClosestRelativeElement = (el) => {
             if (!el) return;
 
@@ -161,9 +161,10 @@ export class DomHandler {
 
         element.style.top = top + 'px';
         element.style.left = left + 'px';
+        gutter && (element.style.marginTop = origin === 'bottom' ? 'calc(var(--p-anchor-gutter) * -1)' : 'calc(var(--p-anchor-gutter))');
     }
 
-    public static absolutePosition(element: any, target: any): void {
+    public static absolutePosition(element: any, target: any, gutter: boolean = true): void {
         const elementDimensions = element.offsetParent ? { width: element.offsetWidth, height: element.offsetHeight } : this.getHiddenElementDimensions(element);
         const elementOuterHeight = elementDimensions.height;
         const elementOuterWidth = elementDimensions.width;
@@ -192,6 +193,7 @@ export class DomHandler {
 
         element.style.top = top + 'px';
         element.style.left = left + 'px';
+        gutter && (element.style.marginTop = origin === 'bottom' ? 'calc(var(--p-anchor-gutter) * -1)' : 'calc(var(--p-anchor-gutter))');
     }
 
     static getParents(element: any, parents: any = []): any {

diff --git a/src/app/components/overlaypanel/overlaypanel.ts b/src/app/components/overlaypanel/overlaypanel.ts
@@ -340,7 +340,7 @@ export class OverlayPanel implements AfterContentInit, OnDestroy {
             ZIndexUtils.set('overlay', this.container, this.baseZIndex + this.config.zIndex.overlay);
         }
 
-        DomHandler.absolutePosition(this.container, this.target);
+        DomHandler.absolutePosition(this.container, this.target, false);
 
         const containerOffset = DomHandler.getOffset(this.container);
         const targetOffset = DomHandler.getOffset(this.target);