Cannot position items sticky inside mat-tabs

I'm trying to position my image sticky with

position: -webkit-sticky;
position: sticky;
top: 1px;


however cannot achieve it.

HTML:

<mat-tab-group class="user-tabs"
(selectedTabChange)="changeUserTab($event)">
<mat-tab label="Selectable Tasks">
<mat-tab-group class="user-chats"
(selectedTabChange)="changeChatTab($event)">
<mat-tab *ngFor="let chat of userData.chats; let i = index;">
<img>
</mat-tab>
</mat-tab-group>
</mat-tab>
</mat-tab-group>


I have tabs inside tabs, yes. Does anybody has some solution for this? Thanks.

Continue reading...