Fix expanded state announce for dialog headers (#16499)

* Fix expanded state announce for dialog headers

* update comment
This commit is contained in:
Charles Gagnon
2021-07-30 12:39:38 -07:00
committed by GitHub
parent 30dffdf696
commit 47151435e7

View File

@@ -25,15 +25,18 @@ import { ILogService } from 'vs/platform/log/common/log';
<div *ngIf="hasHeader()" [class]="getHeaderClass()" (click)="changeState()" (keydown)="onKeyDown($event)" [tabindex]="isCollapsible()? 0 : -1" [attr.role]="isCollapsible() ? 'button' : null" [attr.aria-expanded]="isCollapsible() ? !collapsed : null">
{{_containerLayout.header}}
</div>
<div #container *ngIf="items" class="modelview-group-container" [ngStyle]="CSSStyles">
<ng-container *ngFor="let item of items">
<div class="modelview-group-row" >
<div class="modelview-group-cell">
<model-component-wrapper [descriptor]="item.descriptor" [modelStore]="modelStore" >
</model-component-wrapper>
<!-- This extra div is needed so that the expanded state of the header is updated correctly. See https://github.com/microsoft/azuredatastudio/pull/16499 for more details -->
<div>
<div #container *ngIf="items" class="modelview-group-container" [ngStyle]="CSSStyles">
<ng-container *ngFor="let item of items">
<div class="modelview-group-row" >
<div class="modelview-group-cell">
<model-component-wrapper [descriptor]="item.descriptor" [modelStore]="modelStore" >
</model-component-wrapper>
</div>
</div>
</ng-container>
</div>
</ng-container>
</div>
`
})