DS-376: Move ErrorSummary inside scrollable content if Form is inside…

… Dialog

ngx-fudis/projects/ngx-fudis/src/lib/components/dialog/ngMaterial-theme.scss

@@ -110,8 +110,12 @@
           max-height: inherit;
         }
 
-        /* Make Form content scrollable when inside Dialog. Same styles can be found in MatDialogContent directive */
+        /* Make Form content scrollable when inside Dialog */
         .fudis-form__content {
+          /* Necessary padding for content if ErrorSummary appears, otherwise its visible focus is cropped from the top */
+          padding-top: spacing.$spacing-xxs;
+
+          /* These styles can be found in MatDialogContent directive which enables scrollable content */
           max-height: 65vh;
           overflow: auto;
         }

ngx-fudis/projects/ngx-fudis/src/lib/components/form/form/form.component.html

@@ -53,7 +53,7 @@
           <ng-container *ngTemplateOutlet="_headerContent!.templateRef" />
         </div>
       </ng-container>
-      <ng-container *ngIf="_formElement !== undefined && errorSummaryVisible">
+      <ng-container *ngIf="_formElement !== undefined && errorSummaryVisible && !_dialogParent">
         <fudis-error-summary
           [formId]="id"
           [parentComponent]="_formElement"
@@ -69,6 +69,13 @@
   </ng-container>
   <ng-container *ngIf="_mainContent?.type === 'form'">
     <div class="fudis-form__content">
+      <ng-container *ngIf="_formElement !== undefined && errorSummaryVisible && _dialogParent">
+        <fudis-error-summary
+          [formId]="id"
+          [parentComponent]="_formElement"
+          [helpText]="errorSummaryHelpText"
+        />
+      </ng-container>
       <ng-container *ngTemplateOutlet="_mainContent!.templateRef" />
     </div>
   </ng-container>