|
1 | 1 | <ng-template> |
2 | | - <div |
3 | | - class="mat-mdc-menu-panel" |
4 | | - [id]="panelId" |
5 | | - [class]="_classList" |
6 | | - [class.mat-menu-panel-animations-disabled]="_animationsDisabled" |
7 | | - [class.mat-menu-panel-exit-animation]="_panelAnimationState === 'void'" |
8 | | - [class.mat-menu-panel-animating]="_isAnimating" |
9 | | - (click)="closed.emit('click')" |
10 | | - tabindex="-1" |
11 | | - role="menu" |
12 | | - (animationstart)="_onAnimationStart($event.animationName)" |
13 | | - (animationend)="_onAnimationDone($event.animationName)" |
14 | | - (animationcancel)="_onAnimationDone($event.animationName)" |
15 | | - [attr.aria-label]="ariaLabel || null" |
16 | | - [attr.aria-labelledby]="ariaLabelledby || null" |
17 | | - [attr.aria-describedby]="ariaDescribedby || null"> |
18 | | - <div class="mat-mdc-menu-content"> |
19 | | - <ng-content></ng-content> |
| 2 | + <div role="dialog"> |
| 3 | + <div |
| 4 | + class="mat-mdc-menu-panel" |
| 5 | + [id]="panelId" |
| 6 | + [class]="_classList" |
| 7 | + [class.mat-menu-panel-animations-disabled]="_animationsDisabled" |
| 8 | + [class.mat-menu-panel-exit-animation]="_panelAnimationState === 'void'" |
| 9 | + [class.mat-menu-panel-animating]="_isAnimating" |
| 10 | + (click)="closed.emit('click')" |
| 11 | + tabindex="-1" |
| 12 | + role="menu" |
| 13 | + (animationstart)="_onAnimationStart($event.animationName)" |
| 14 | + (animationend)="_onAnimationDone($event.animationName)" |
| 15 | + (animationcancel)="_onAnimationDone($event.animationName)" |
| 16 | + [attr.aria-label]="ariaLabel || null" |
| 17 | + [attr.aria-labelledby]="ariaLabelledby || null" |
| 18 | + [attr.aria-describedby]="ariaDescribedby || null"> |
| 19 | + <div class="mat-mdc-menu-content"> |
| 20 | + <ng-content></ng-content> |
| 21 | + </div> |
20 | 22 | </div> |
21 | 23 | </div> |
22 | 24 | </ng-template> |
0 commit comments