fix(header): implementa ajuste 5

ajuste 5

Fixes: DTHFUI-12554

Author: arthur-polidorio

projects/ui/src/lib/components/po-popover/po-popover.component.html

@@ -12,7 +12,13 @@
 }
 
 <ng-template #sharedPopoverContent>
-  <div #popoverElement [hidden]="isHidden" class="po-popover" [style.width.px]="width" [ngClass]="customClasses()">
+  <div
+    #popoverElement
+    [hidden]="isHidden"
+    class="po-popover"
+    [style.width.px]="width ?? widthPopover"
+    [ngClass]="customClasses()"
+  >
     @if (!hideArrow) {
       <div class="po-popover-arrow po-arrow-{{ arrowDirection }}"></div>
     }

projects/ui/src/lib/components/po-popover/po-popover.component.ts

@@ -47,6 +47,7 @@ export class PoPopoverComponent extends PoPopoverBaseComponent implements AfterV
   timeoutResize;
   targetElement;
   afterViewInitWasCalled = false;
+  widthPopover: number = undefined;
   private keydownTargetListener?: () => void;
   private keydownPopoverListener?: () => void;
   private resizeObserver: ResizeObserver;
@@ -129,6 +130,17 @@ export class PoPopoverComponent extends PoPopoverBaseComponent implements AfterV
       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();
+        });
+      }
       this.cd.detectChanges();
     });