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

…figs for autoFocus Fixes primefaces#12643.
volvachev · Feb 19, 2023 · a087f3b · a087f3b
1 parent 085a4e6
commit a087f3b
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 0 deletions.
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
@@ -316,6 +316,10 @@ export class DynamicDialogComponent implements AfterViewInit, OnDestroy {
     }
 
     focus() {
+        if (this.config?.autoFocus === false) {
+            return;
+        }
+
         const focusable = DomHandler.getFocusableElements(this.container);
         if (focusable && focusable.length > 0) {
             this.zone.runOutsideAngular(() => {

diff --git a/src/app/showcase/components/dynamicdialog/dynamicdialogdemo.html b/src/app/showcase/components/dynamicdialog/dynamicdialogdemo.html
@@ -328,6 +328,12 @@ <h5>Properties for DynamicDialog</h5>
                             <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>