Поэтому я пытаюсь принять Аккордеон Материалов в разработке веб-приложений.
Однако некоторые проблемы приводят к тому, что заголовок расширяется по мере увеличения контента.
Ожидается, что у моего заголовка будет довольно много строк, чтобы дать резюме, а не только 1 лайнер.
Если я жестко закодирую высоту заголовка материала, это заставляет анимацию идти на сенокосе.
Ниже приведен пример кода
<mat-accordion [displayMode]="displayMode" [multi]="multi" class="mat-expansion-demo-width">
<mat-expansion-panel #panel1 [hideToggle]="hideToggle">
<mat-expansion-panel-header>Section 1</mat-expansion-panel-header>
<p>This is the content text that makes sense here.</p>
</mat-expansion-panel>
</mat-accordion>
::ng-deep .mat-expansion-panel-header
{
height: 190px !important;
}
Если я делаю выше, высота устанавливается, но анимация для расширения и сглаживания становится странной.
Как мне это сделать?