如何在MatSelect打开时滚动底层MatDialog？

<button (click)="openDialog()">打开对话框</button>

<ng-template #dialogTemplate>
  <h2>示例对话框</h2>
  <mat-form-field>
    <mat-select placeholder="选择项">
      <mat-option *ngFor="let option of options" [value]="option">{{option}}</mat-option>
    </mat-select>
  </mat-form-field>
</ng-template>

import { Component, TemplateRef, ViewChild } from '@angular/core';
import { MatDialog } from '@angular/material/dialog';

@Component({
  selector: 'app-dialog-example',
  templateUrl: './dialog-example.component.html',
  styleUrls: ['./dialog-example.component.css']
})
export class DialogExampleComponent {
  @ViewChild('dialogTemplate') dialogTemplate: TemplateRef<any>;
  options = ['选项1', '选项2', '选项3', '选项4', '选项5', '选项6', '选项7', '选项8'];

  constructor(private dialog: MatDialog) { }

  openDialog() {
    const dialogRef = this.dialog.open(this.dialogTemplate);

    // 在打开MatSelect之前滚动底层MatDialog
    dialogRef.afterOpened().subscribe(() => {
      const matDialogElement = dialogRef._containerInstance._config.viewContainerRef.element.nativeElement.parentElement.parentElement;
      matDialogElement.scrollTop = 500; // 设置为所需的滚动位置
    });
  }
}