Form's auto resizable text area will no longer show the scrollbar

dmp-frontend/src/app/ui/misc/dataset-description-form/components/form-field/form-field.component.html

@@ -98,7 +98,7 @@
 	</div>
 
 	<mat-form-field *ngSwitchCase="datasetProfileFieldViewStyleEnum.TextArea" class="col-12">
-		<textarea matInput [formControl]="form.get('value')" matTextareaAutosize matAutosizeMinRows="2" matAutosizeMaxRows="10" [required]="form.get('validationRequired').value"
+		<textarea matInput class="text-area" [formControl]="form.get('value')" matTextareaAutosize matAutosizeMinRows="2" matAutosizeMaxRows="10" [required]="form.get('validationRequired').value"
 		 placeholder="{{ form.get('data').value.label | translate }}"></textarea>
 		<button mat-icon-button *ngIf="!form.get('value').disabled && form.get('value').value" matSuffix aria-label="Clear" (click)="this.form.patchValue({'value': ''})">
 			<mat-icon>close</mat-icon>

dmp-frontend/src/app/ui/misc/dataset-description-form/components/form-field/form-field.component.scss

@@ -6,4 +6,8 @@
 	.full-width {
 		width: 100%
 	}
+
+	.text-area {
+		box-sizing: content-box;
+	}
 }

[George Kalampokis]

NOTE: The scrollbar will be shown once we pass the maximum number of Rows