Угловые материалы Группа выступов матов / Поведение ширины выступов матов

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

На второй вкладке нажмите первую вкладку На второй вкладке нажмите первую вкладку

Через несколько секунд после нажатия первой вкладки он возвращается к обычному Через несколько секунд после нажатия первой вкладки

Код прост:

<div *ngIf="auth.isLoggedIn()">
<mat-tab-group animationDuration="1000ms">
    <mat-tab label="Real Time Market Info"> 
        <app-stock-monitor></app-stock-monitor>
        <app-sectors></app-sectors>
        <app-news></app-news>
    </mat-tab>
    <mat-tab label="Market Predictor"> TBD </mat-tab>
</mat-tab-group>


angular-material angular-material-7
person Roka    schedule 18.06.2019    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Ответ - отключить рябь (disableRipple)

<mat-tab-group animationDuration="1000ms" disableRipple>
person Roka    schedule 18.06.2019