Я использую mat-tab-group с 3 вкладками и dynamicHeight="true" для анимации высоты при смене вкладок. Вкладки 1 и 2 всегда имеют фиксированную высоту. Вкладка 2 инициализирует диаграмму при нажатии на нее, поэтому вскоре после ее изменения ее высота изменится в соответствии с диаграммой.
Я не уверен точно, как работает mat-tab-group, но я предполагаю, что он сохраняет высоту вкладок, чтобы иметь возможность анимировать между ними. Поскольку диаграмма отображается через секунду после перехода на вкладку, кажется, что она не учитывает диаграмму при сохранении высоты. Поэтому, когда я перехожу с вкладки 2 на, например, вкладка 1, она мгновенно переместится с высоты вкладки с диаграммой на высоту вкладки без диаграммы, затем оттуда будет анимирована высота вкладки 1.
Посмотри этот гиф (не против красной коробки)
Как видите, это происходит только в первый раз, так как во второй раз, когда я перехожу на вкладку 2, диаграмма уже инициализирована. Надеюсь, понятно, в чем проблема. Я знаю, что это не огромная проблема, которая выглядит ужасно, но если бы можно было как-то ее решить, мой внутренний перфекционист был бы очень счастлив.
Если мое предположение о том, как это работает, верно, то, возможно, есть способ явно сказать, какую высоту он должен использовать для анимации?