Fixed #10642 - Overlay panel hide when clicking on a label inside of it

primefaces · Sep 21, 2021 · 4417ded · 4417ded
1 parent 403a531
commit 4417ded
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/app/components/overlaypanel/overlaypanel.ts b/src/app/components/overlaypanel/overlaypanel.ts
@@ -14,7 +14,7 @@ import { Subscription } from 'rxjs';
         <div *ngIf="render" [ngClass]="'p-overlaypanel p-component'" [ngStyle]="style" [class]="styleClass" (click)="onOverlayClick($event)"
             [@animation]="{value: (overlayVisible ? 'open': 'close'), params: {showTransitionParams: showTransitionOptions, hideTransitionParams: hideTransitionOptions}}"
                 (@animation.start)="onAnimationStart($event)" (@animation.done)="onAnimationEnd($event)">
-            <div class="p-overlaypanel-content">
+            <div class="p-overlaypanel-content" (click)="onContentClick()" (mousedown)="onContentClick()">
                 <ng-content></ng-content>
                 <ng-container *ngTemplateOutlet="contentTemplate"></ng-container>
             </div>
@@ -180,6 +180,10 @@ export class OverlayPanel implements AfterContentInit, OnDestroy {
         this.selfClick = true;
     }
 
+    onContentClick() {
+        this.selfClick = true;
+    }
+
     hasTargetChanged(event, target) {
         return this.target != null && this.target !== (target||event.currentTarget||event.target);
     }