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

Question

[andreys75]

Добрый день

есть чужой код где много элементов 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 но каждого компонента в отдельности, но как то это странно выглядит!

Заранее спасибо за подсказку

Answer 1

[Sashqa]

тут расписано как работает textareaautosize

Comments

[andreys75]

Спасибо очень хорошая статья!
Хотя в решении моей проблемы не сильно помогла, так и не смог понять какой кусок кода отвечал за добавление прямо в элемент style haight: 18 px
Но пофиксил добавив правило в главный css :) хотя и считаю что это не совсем верно