From f72f734ed4e6eac6dc0ca8e56052cf96301eb03b Mon Sep 17 00:00:00 2001
From: George Kalampokis <gkalampokis@cite.gr>
Date: Wed, 29 Jan 2020 13:24:06 +0200
Subject: [PATCH] Form's auto resizable text area will no longer show the
 scrollbar

---
 .../components/form-field/form-field.component.html           | 2 +-
 .../components/form-field/form-field.component.scss           | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/dmp-frontend/src/app/ui/misc/dataset-description-form/components/form-field/form-field.component.html b/dmp-frontend/src/app/ui/misc/dataset-description-form/components/form-field/form-field.component.html
index 6f5d30659..9db8790c0 100644
--- a/dmp-frontend/src/app/ui/misc/dataset-description-form/components/form-field/form-field.component.html
+++ b/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>
diff --git a/dmp-frontend/src/app/ui/misc/dataset-description-form/components/form-field/form-field.component.scss b/dmp-frontend/src/app/ui/misc/dataset-description-form/components/form-field/form-field.component.scss
index bdf89f6c1..e8065e1af 100644
--- a/dmp-frontend/src/app/ui/misc/dataset-description-form/components/form-field/form-field.component.scss
+++ b/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;
+	}
 }