@po-ui/ng-components 19.39.11 → 19.39.12

package/fesm2022/po-ui-ng-components.mjs

@@ -7114,6 +7114,7 @@ class PoPopoverComponent extends PoPopoverBaseComponent {
     close() {
         this.isHidden = true;
         this.disconnectResizeObserver();
+        this.widthPopover = undefined;
         this.closePopover.emit();
         if (this.trigger === 'function' && this.clickoutListener) {
             this.clickoutListener();
@@ -7130,23 +7131,21 @@ class PoPopoverComponent extends PoPopoverBaseComponent {
         this.addScrollEventListener();
         this.setOpacity(0);
         this.isHidden = false;
-        setTimeout(() => {
-            this.setElementsControlPosition();
-            this.setPopoverPosition();
-            this.setOpacity(1);
-            this.openPopover.emit();
-            this.observeContentResize();
-            if (this.cornerAligned && !this.width) {
-                const el = this.popoverElement.nativeElement;
-                el.style.width = 'auto';
-                const width = el.scrollWidth;
-                this.widthPopover = width;
-                requestAnimationFrame(() => {
-                    this.setPopoverPosition();
-                });
-            }
+        if (this.cornerAligned && !this.width && !this.widthPopover) {
+            const el = this.popoverElement.nativeElement;
+            el.style.visibility = 'hidden';
+            el.style.left = '-9999px';
+            el.style.width = '';
+            this.setOpacity(0);
             this.cd.detectChanges();
-        });
+            requestAnimationFrame(() => {
+                this.widthPopover = el.getBoundingClientRect().width;
+                el.style.visibility = '';
+                el.style.left = '';
+                this.cd.detectChanges();
+            });
+        }
+        this.showPopover();
         if (this.trigger === 'function') {
             this.clickoutListener = this.renderer.listen('document', 'click', (event) => {
                 this.togglePopup(event);
@@ -7154,6 +7153,16 @@ class PoPopoverComponent extends PoPopoverBaseComponent {
         }
         this.cd.detectChanges();
     }
+    showPopover() {
+        requestAnimationFrame(() => {
+            this.setElementsControlPosition();
+            this.setPopoverPosition();
+            this.setOpacity(1);
+            this.openPopover.emit();
+            this.observeContentResize();
+            this.cd.detectChanges();
+        });
+    }
     ensurePopoverPosition() {
         setTimeout(() => {
             this.setElementsControlPosition();