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

This commit is contained in:
George Kalampokis 2020-01-29 13:24:06 +02:00
parent 894b358f9a
commit f72f734ed4
2 changed files with 5 additions and 1 deletions

View File

@ -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>

View File

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