ngx-render-material-forms 2.5.20 → 2.5.21

package/fesm2020/ngx-render-material-forms.js

@@ -4953,6 +4953,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImpor
     </ng-template>
   `, styles: [".datagrid-row{height:auto}.mat-table{width:100%}.mat-header-cell,.mat-cell{padding:8px}.no-data-message{display:flex;justify-content:center;align-items:center;text-align:center;padding:20px;margin:0 20px;font-size:18px;color:#888}::ng-deep .picker2new-btn.cdk-program-focused .mat-button-focus-overlay{opacity:0}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1$1.MatDialog }, { type: CommonService }]; } });
+// Material components have no formio `.element`, and older formiojs versions call
+// element.querySelectorAll() here without a null check after addRow().
+DataGridComponent.prototype.focusOnNewRowElement = function (row) {
+    Object.keys(row || {}).find((key) => {
+        const element = row[key]?.element;
+        const focusableElements = element?.querySelectorAll?.('button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [href]');
+        if (focusableElements && focusableElements[0]) {
+            focusableElements[0].focus();
+            return true;
+        }
+        return false;
+    });
+};
 DataGridComponent.MaterialComponent = MaterialDataGridComponent;
 
 var EditRowState;