From adff98e55aeb32df6168b0239c48744a86c161f9 Mon Sep 17 00:00:00 2001
From: Kyle Spearrin <kyle.spearrin@gmail.com>
Date: Tue, 2 Apr 2019 09:02:31 -0400
Subject: [PATCH] hide vault content when modal showing

---
 jslib                              |  2 +-
 src/app/vault/vault.component.html | 18 +++++++++---------
 src/app/vault/vault.component.ts   |  7 +++++++
 3 files changed, 17 insertions(+), 10 deletions(-)

diff --git a/jslib b/jslib
index e5d68616..c63ff448 160000
--- a/jslib
+++ b/jslib
@@ -1 +1 @@
-Subproject commit e5d6861662967f6cc8ed33d81600cfabd9120fa0
+Subproject commit c63ff4485eb8a0ff5b4e5c8ef3c851f4ca056646
diff --git a/src/app/vault/vault.component.html b/src/app/vault/vault.component.html
index 8213b3dc..ee735d15 100644
--- a/src/app/vault/vault.component.html
+++ b/src/app/vault/vault.component.html
@@ -1,4 +1,4 @@
-<div id="vault">
+<div id="vault" attr.aria-hidden="{{showingModal}}">
     <app-vault-groupings id="groupings" (onAllClicked)="clearGroupingFilters()" (onFavoritesClicked)="filterFavorites()"
         (onCipherTypeClicked)="filterCipherType($event)" (onFolderClicked)="filterFolder($event.id)"
         (onAddFolder)="addFolder()" (onEditFolder)="editFolder($event.id)"
@@ -24,15 +24,15 @@
     <div id="logo" *ngIf="action !== 'add' && action !== 'edit' && action !== 'view'">
         <div class="content">
             <div class="inner-content">
-                <img class="logo-image" />
+                <img class="logo-image" alt="Bitwarden" aria-hidden="true" />
             </div>
         </div>
     </div>
-    <ng-template #passwordGenerator></ng-template>
-    <ng-template #attachments></ng-template>
-    <ng-template #collections></ng-template>
-    <ng-template #share></ng-template>
-    <ng-template #folderAddEdit></ng-template>
-    <ng-template #passwordHistory></ng-template>
-    <ng-template #exportVault></ng-template>
 </div>
+<ng-template #passwordGenerator></ng-template>
+<ng-template #attachments></ng-template>
+<ng-template #collections></ng-template>
+<ng-template #share></ng-template>
+<ng-template #folderAddEdit></ng-template>
+<ng-template #passwordHistory></ng-template>
+<ng-template #exportVault></ng-template>
diff --git a/src/app/vault/vault.component.ts b/src/app/vault/vault.component.ts
index 7ad81b79..e2c3312c 100644
--- a/src/app/vault/vault.component.ts
+++ b/src/app/vault/vault.component.ts
@@ -71,6 +71,7 @@ export class VaultComponent implements OnInit, OnDestroy {
     addType: CipherType = null;
     addOrganizationId: string = null;
     addCollectionIds: string[] = null;
+    showingModal = false;
 
     private modal: ModalComponent = null;
 
@@ -142,6 +143,12 @@ export class VaultComponent implements OnInit, OnDestroy {
                     case 'refreshCiphers':
                         this.ciphersComponent.refresh();
                         break;
+                    case 'modalShown':
+                        this.showingModal = true;
+                        break;
+                    case 'modalClosed':
+                        this.showingModal = false;
+                        break;
                     default:
                         detectChanges = false;
                         break;