AAE-47042 Add auto grow support to multiline text widget (#11981)

lib/core/src/lib/form/components/widgets/multiline-text/multiline-text.widget.html

@@ -2,6 +2,7 @@
     class="adf-multiline-text-widget {{ field.className }}"
     [class.adf-invalid]="!field.isValid && isTouched()"
     [class.adf-readonly]="field.readOnly"
+    [class.adf-multiline-text-widget--capped]="field.params?.autoGrow === false"
 >
     <mat-form-field
         floatPlaceholder="never"

lib/core/src/lib/form/components/widgets/multiline-text/multiline-text.widget.scss

@@ -8,6 +8,12 @@
         .adf-label {
             top: 20px;
         }
+
+        &--capped textarea.adf-input {
+            max-height: 72px;
+            overflow-y: auto;
+            resize: vertical;
+        }
     }
 
     &-multiline-word-counter:has(.adf-multiline-word-counter-value) {

lib/core/src/lib/form/components/widgets/multiline-text/multiline-text.widget.spec.ts

@@ -79,6 +79,37 @@ describe('MultilineTextWidgetComponentComponent', () => {
         });
     });
 
+    describe('auto grow', () => {
+        it('should not apply the capped modifier when autoGrow is not set (default unbounded)', () => {
+            widget.field = new FormFieldModel(new FormModel({ taskId: '<id>' }), {
+                type: FormFieldTypes.MULTILINE_TEXT
+            });
+            fixture.detectChanges();
+
+            expect(testingUtils.getByCSS('.adf-multiline-text-widget--capped')).toBeFalsy();
+        });
+
+        it('should not apply the capped modifier when autoGrow is true', () => {
+            widget.field = new FormFieldModel(new FormModel({ taskId: '<id>' }), {
+                type: FormFieldTypes.MULTILINE_TEXT,
+                params: { autoGrow: true }
+            });
+            fixture.detectChanges();
+
+            expect(testingUtils.getByCSS('.adf-multiline-text-widget--capped')).toBeFalsy();
+        });
+
+        it('should apply the capped modifier when autoGrow is false', () => {
+            widget.field = new FormFieldModel(new FormModel({ taskId: '<id>' }), {
+                type: FormFieldTypes.MULTILINE_TEXT,
+                params: { autoGrow: false }
+            });
+            fixture.detectChanges();
+
+            expect(testingUtils.getByCSS('.adf-multiline-text-widget--capped')).toBeTruthy();
+        });
+    });
+
     describe('when is required', () => {
         beforeEach(() => {
             widget.field = new FormFieldModel(new FormModel({ taskId: '<id>' }), {