andreys75
@andreys75

Как работает cdkTextareaAutosize из Material Angular?

Добрый день

есть чужой код где много элементов textarea. все они оформлены примерно следующим образом:

<mat-form-field class="col-md-12">
                <mat-label>Somthing</mat-label>
                <textarea type="text"
                          matInput
                          cdkTextareaAutosize
                          #autosize="cdkTextareaAutosize"
                          cdkAutosizeMinRows="2"
                          cdkAutosizeMaxRows="8"
                          [(ngModel)]="Somthing"
                          name="Somthing"></textarea>
              </mat-form-field>


каким то образом по умолчанию добавляется height 18 px
<textarea _ngcontent-sig-c15="" cdkautosizemaxrows="8" cdkautosizeminrows="1" cdktextareaautosize="" 
class="cdk-textarea-autosize mat-input-element mat-form-field-autofill-control 
cdk-text-field-autofill-monitored ng-untouched ng-pristine ng-valid" matinput="" rows="1" ng-reflect-model="Somthing " ng-reflect-min-rows="1" ng-reflect-max-rows="8" ng-reflect-enabled="" id="mat-input-35" aria-invalid="false" aria-required="false" placeholder="" 
style="min-height: 18px; max-height: 144px; height: 18px;">
</textarea>


Как изменить height:18px глобально?
Естественно я могу задать нужное значение в css но каждого компонента в отдельности, но как то это странно выглядит!

Заранее спасибо за подсказку
  • Вопрос задан
  • 1286 просмотров
Пригласить эксперта
Ответы на вопрос 1
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы