Angular Группа вкладок мат материала в скрытом контейнере не отображает кнопки переполнения, если не нажата выбранная вкладка

Question

Как упомянуто в ссылке , на вкладках материала angular чернильная полоса не отображает выделение в заголовке должным образом, что можно решить с помощью обходного пути, используя дочерний вид представления, как показано в примере на Stackblitz .

Но если у вас переполнение, как показано в примере выше, следующие и предыдущие кнопки появляются только при выборе конкретной вкладки.

Как мне справиться с проблема, взяв приведенный выше пример в качестве ссылки.

Изображение 1: Активная вкладка не нажата

Изображение 2: Активная вкладка нажата

Answer 1

Обходной путь, который я нашел для правильного обновления панели чернил и нумерации страниц, - это добавление метода для ручного обновления заголовка при изменении размера, открытии и закрытии моего скрытого контейнера

function updateTabHeader() {
 this.matTabGroupReference._tabHeader.updatePagination();
 this.matTabGroupReference.realignInkbar();
}

matTabGroupReference - это ссылка к компоненту mat-tabs-group