trap focus on drawer when active

This commit is contained in:
pionnegru
2019-11-14 08:15:34 +02:00
parent ef97c646bc
commit 195284c13a
2 changed files with 8 additions and 2 deletions
@@ -2,7 +2,11 @@
<mat-progress-bar mode="indeterminate"></mat-progress-bar> <mat-progress-bar mode="indeterminate"></mat-progress-bar>
</div> </div>
<ng-container *ngIf="!isLoading && !!displayNode"> <ng-container *ngIf="!isLoading && !!displayNode">
<adf-info-drawer [title]="'APP.INFO_DRAWER.TITLE'"> <adf-info-drawer
[title]="'APP.INFO_DRAWER.TITLE'"
cdkTrapFocus
cdkTrapFocusAutoCapture
>
<adf-info-drawer-tab <adf-info-drawer-tab
*ngFor="let tab of tabs" *ngFor="let tab of tabs"
[icon]="tab.icon" [icon]="tab.icon"
@@ -39,6 +39,7 @@ import { MetadataTabComponent } from './metadata-tab/metadata-tab.component';
import { LibraryMetadataTabComponent } from './library-metadata-tab/library-metadata-tab.component'; import { LibraryMetadataTabComponent } from './library-metadata-tab/library-metadata-tab.component';
import { LibraryMetadataFormComponent } from './library-metadata-tab/library-metadata-form.component'; import { LibraryMetadataFormComponent } from './library-metadata-tab/library-metadata-form.component';
import { VersionsTabComponent } from './versions-tab/versions-tab.component'; import { VersionsTabComponent } from './versions-tab/versions-tab.component';
import { A11yModule } from '@angular/cdk/a11y';
export function components() { export function components() {
return [ return [
@@ -59,7 +60,8 @@ export function components() {
ExtensionsModule, ExtensionsModule,
ContentMetadataModule, ContentMetadataModule,
VersionManagerModule, VersionManagerModule,
DirectivesModule DirectivesModule,
A11yModule
], ],
declarations: [...components()], declarations: [...components()],
exports: [...components()], exports: [...components()],