Currently, I am facing an issue with the Angular 5 Tabs. Whenever I switch from one tab to another, the page automatically scrolls to the top. Is there anyone familiar with a solution to this problem?
<div class="row">
<div class="col-md-12">
<mat-tab-group dynamicHeight="true">
<ng-container *ngFor="let rubric of assessmentForm.rubrics">
<mat-tab label="{{rubric.title}}">
<div class="table-responsive">
<table class="table table-bordered wrappedTable">
<thead>
<tr>
<td></td>
</tr>
</tfoot>
</table>
</div> <!-- /table-responsive -->
</mat-tab>
</ng-container>
</mat-tab-group>
</div>
</div> <!-- /row -->
Please note that I have excluded some code within the table which may not be related to this scrolling issue.