Merge pull request #12295 from primefaces/issue-12284

Fixed #12284 - Input in Overlaypanel won't have focus
primefaces · Nov 28, 2022 · 5f7cb92 · 5f7cb92
2 parents 6e6b55d + ccf9389
commit 5f7cb92
Showing 1 changed file with 15 additions and 15 deletions.
diff --git a/src/app/components/overlaypanel/overlaypanel.ts b/src/app/components/overlaypanel/overlaypanel.ts
@@ -1,27 +1,27 @@
+import { animate, AnimationEvent, state, style, transition, trigger } from '@angular/animations';
+import { CommonModule } from '@angular/common';
 import {
-    NgModule,
+    AfterContentInit,
+    ChangeDetectionStrategy,
+    ChangeDetectorRef,
     Component,
+    ContentChildren,
+    ElementRef,
+    EventEmitter,
     Input,
-    Output,
+    NgModule,
+    NgZone,
     OnDestroy,
-    EventEmitter,
+    Output,
+    QueryList,
     Renderer2,
-    ElementRef,
-    ChangeDetectorRef,
-    NgZone,
-    ContentChildren,
     TemplateRef,
-    AfterContentInit,
-    QueryList,
-    ChangeDetectionStrategy,
     ViewEncapsulation,
     ViewRef
 } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { DomHandler, ConnectedOverlayScrollHandler } from 'primeng/dom';
-import { SharedModule, PrimeTemplate, PrimeNGConfig, OverlayService } from 'primeng/api';
+import { OverlayService, PrimeNGConfig, PrimeTemplate, SharedModule } from 'primeng/api';
+import { ConnectedOverlayScrollHandler, DomHandler } from 'primeng/dom';
 import { RippleModule } from 'primeng/ripple';
-import { trigger, state, style, transition, animate, AnimationEvent } from '@angular/animations';
 import { ZIndexUtils } from 'primeng/utils';
 import { Subscription } from 'rxjs';
 
@@ -270,7 +270,6 @@ export class OverlayPanel implements AfterContentInit, OnDestroy {
     onAnimationStart(event: AnimationEvent) {
         if (event.toState === 'open') {
             this.container = event.element;
-            this.onShow.emit(null);
             this.appendContainer();
             this.align();
             this.bindDocumentClickListener();
@@ -288,6 +287,7 @@ export class OverlayPanel implements AfterContentInit, OnDestroy {
             };
 
             this.overlaySubscription = this.overlayService.clickObservable.subscribe(this.overlayEventListener);
+            this.onShow.emit(null);
         }
 
         this.isOverlayAnimationInProgress = true;