feat(primeng/p-dynamicDialog): add new property to dynamic dialog con…

…figs for autoFocus Fixes primefaces#12643.
volvachev · May 23, 2023 · 777e73a · 777e73a
1 parent 2e57322
commit 777e73a
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 2 deletions.
diff --git a/src/app/components/contextmenu/contextmenu.ts b/src/app/components/contextmenu/contextmenu.ts
@@ -342,15 +342,15 @@ export class ContextMenu implements AfterViewInit, OnDestroy {
         if (this.global) {
             const documentTarget: any = this.el ? this.el.nativeElement.ownerDocument : 'document';
             this.triggerEventListener = this.renderer.listen(documentTarget, this.triggerEvent, (event) => {
-                if(this.containerViewChild && this.containerViewChild.nativeElement.style.display !== 'none') {
+                if (this.containerViewChild && this.containerViewChild.nativeElement.style.display !== 'none') {
                     this.hide();
                 }
                 this.show(event);
                 event.preventDefault();
             });
         } else if (this.target) {
             this.triggerEventListener = this.renderer.listen(this.target, this.triggerEvent, (event) => {
-                if(this.containerViewChild && this.containerViewChild.nativeElement.style.display !== 'none') {
+                if (this.containerViewChild && this.containerViewChild.nativeElement.style.display !== 'none') {
                     this.hide();
                 }
                 this.show(event);

diff --git a/src/app/components/dynamicdialog/dynamicdialog-config.ts b/src/app/components/dynamicdialog/dynamicdialog-config.ts
@@ -26,4 +26,5 @@ export class DynamicDialogConfig<T = any> {
     maximizeIcon?: string;
     minimizeIcon?: string;
     position?: string;
+    autoFocus?: boolean;
 }
diff --git a/src/app/components/dynamicdialog/dynamicdialog.ts b/src/app/components/dynamicdialog/dynamicdialog.ts
@@ -341,6 +341,10 @@ export class DynamicDialogComponent implements AfterViewInit, OnDestroy {
     }
 
     focus() {
+        if (this.config?.autoFocus === false) {
+            return;
+        }
+
         const focusable = DomHandler.getFocusableElements(this.container as HTMLDivElement);
         if (focusable && focusable.length > 0) {
             this.zone.runOutsideAngular(() => {

diff --git a/src/app/showcase/doc/dynamicdialog/propsdoc.ts b/src/app/showcase/doc/dynamicdialog/propsdoc.ts
@@ -165,6 +165,12 @@ import { Component, Input } from '@angular/core';
                         <td>true</td>
                         <td>Enables dragging to change the position using header.</td>
                     </tr>
+                    <tr>
+                        <td>autoFocus</td>
+                        <td>boolean</td>
+                        <td>true</td>
+                        <td>Whether to automatically focus.</td>
+                    </tr>
                 </tbody>
             </table>
         </div>