mgr/dashboard: Force focus on submit

Forcing focus on submit button will guarantee that all inputs will lose focus
before submission.

Signed-off-by: Ricardo Marques <rimarques@suse.com>

diff --git a/src/pybind/mgr/dashboard/frontend/src/app/shared/components/submit-button/submit-button.component.ts b/src/pybind/mgr/dashboard/frontend/src/app/shared/components/submit-button/submit-button.component.ts
index c9b0ac41645d76759b93ccfd2cdc4455b5e9935f..3cc35df4d7bb5c35637ed088d11215f17d8d9726 100644 (file)
--- a/src/pybind/mgr/dashboard/frontend/src/app/shared/components/submit-button/submit-button.component.ts
+++ b/src/pybind/mgr/dashboard/frontend/src/app/shared/components/submit-button/submit-button.component.ts
@@ -45,6 +45,8 @@ export class SubmitButtonComponent implements OnInit {
   }
 
   submit() {
+    this.focusButton();
+
     if (this.form.invalid) {
       this.focusInvalid();
       return;
@@ -54,6 +56,12 @@ export class SubmitButtonComponent implements OnInit {
     this.submitAction.emit();
   }
 
+  focusButton() {
+    this.elRef.nativeElement.offsetParent.querySelector(
+      'button[type="submit"]'
+    ).focus();
+  }
+
   focusInvalid() {
     const target = this.elRef.nativeElement.offsetParent.querySelector(
       'input.ng-invalid, select.ng-invalid'