mgr/dashboard: Fix for EC profile creation modal scrollbar

Fixes: https://tracker.ceph.com/issues/77298
Signed-off-by: Devika Babrekar <devika.babrekar@ibm.com>

diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/pool/erasure-code-profile-form/erasure-code-profile-form-modal.component.html b/src/pybind/mgr/dashboard/frontend/src/app/ceph/pool/erasure-code-profile-form/erasure-code-profile-form-modal.component.html
index 2bcb4ce81a66c5caeb1ee13dc59cdf04ec5e30e1..3f58b19c88c62f76a3a2ceb215bf6390a69761c5 100644 (file)
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/pool/erasure-code-profile-form/erasure-code-profile-form-modal.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/pool/erasure-code-profile-form/erasure-code-profile-form-modal.component.html
@@ -1,7 +1,7 @@
 <cds-modal
   size="md"
   [open]="open"
-  hasScrollingContent="true"
+  [hasScrollingContent]="true"
   (overlaySelected)="closeModal()"
 >
   <cds-modal-header
@@ -15,13 +15,14 @@
     </h3>
   </cds-modal-header>
 
-  <form
-    [formGroup]="form"
-    novalidate
+  <div
+    cdsModalContent
+    class="modal-wrapper"
   >
-    <div
-      cdsModalContent
-      class="modal-wrapper"
+    <form
+      [formGroup]="form"
+      #formDir="ngForm"
+      novalidate
     >
       <!-- Name -->
       <div
@@ -801,13 +802,13 @@
           />
         </cds-text-label>
       </div>
-    </div>
-    <cd-form-button-panel
-      (submitActionEvent)="onSubmit()"
-      [form]="form"
-      [modalForm]="true"
-      [submitText]="(action | titlecase) + ' ' + (resource | upperFirst)"
-    >
-    </cd-form-button-panel>
-  </form>
+    </form>
+  </div>
+  <cd-form-button-panel
+    (submitActionEvent)="onSubmit()"
+    [form]="form"
+    [modalForm]="true"
+    [submitText]="(action | titlecase) + ' ' + (resource | upperFirst)"
+  >
+  </cd-form-button-panel>
 </cds-modal>