Угловые вкладки материала с боковой навигацией не работают

Question

Angular Material в содержимом портит навигацию по боковой панели в Angular Material.Когда мы открываем боковую навигацию, содержимое вкладки отображается на боковой навигации, как будто боковая навигация прозрачна.

<mat-tab-group>
        <mat-tab label="Applicant Details">

Я проверял различные варианты CSS вокруг позиции, но пока не повезло.Если я удаляю группу вкладок, приложение выглядит нормально.

Answer 1

Если бы та же самая проблема, просто заставить z-index равным 0, не работала в scss, она продолжала где-то переопределяться, поэтому единственное, что работало для меня, - это использование jquery для принудительной установки значения z-index в onNgInit ().

ngOnInit() {
    $('.mat-tab-header').css("z-index", 0);
    $('.mat-tab-body-wrapper').css("z-index", 0);
  }