как исправить автоматическое сворачивание mat-extension-panel в mat-select?

Question

Я использую mat-extension-panel в моем mat-select. в первый раз открываюmat-select, Все нормально. Но когда я выхожу изmat-select закрыть mat-select и нажмите, чтобы mat-select второй раз, чтобы открыть его, Мой mat-expansion-panel закрыт, и я должен дважды открыть его, но не одним щелчком мыши, чтобы снова открыть mat-expansion-panel. Вы можете помочь мне? Благодарность!

<mat-select multiple [formControl]="formControl">
 <mat-expansion-panel *ngFor="let group of groups" [expanded]="true">
                <mat-expansion-panel-header>
                    <mat-panel-title title="{{group.name}}">
                        <mat-checkbox (click)="toggleGroupParent($event, group.name, group.selected)" [(ngModel)]="group.selected" >
                            {{group.name}}
                        </mat-checkbox>
                    </mat-panel-title>
                </mat-expansion-panel-header>
                <ng-container *ngFor="let item of items">
                    <mat-option *ngIf="item.type == group.name" [value]="item" (click)="togglePerOneInType(group.name)" title="{{item.text}}">
                        {{item.text}}
                    </mat-option>
                </ng-container>
            </mat-expansion-panel>
</mat-select>

Answer 1

Добавьте этот <mat-panel-title (click)="$event.stopPropagation();">