From f3a70096a02b359427c13450ea6670e77e2279b1 Mon Sep 17 00:00:00 2001
From: Blackbaud-PatrickOFriel <patrick.ofriel@blackbaud.com>
Date: Tue, 11 Apr 2017 09:38:49 -0400
Subject: [PATCH] Start work for wait with absolute element

#546
---
 src/app/components/wait/wait-demo.component.html    |  9 ++++++++-
 .../fixtures/wait.component.visual-fixture.html     | 13 +++++++++++++
 src/modules/wait/wait.component.scss                |  1 +
 src/modules/wait/wait.component.visual-spec.js      | 11 +++++++++++
 4 files changed, 33 insertions(+), 1 deletion(-)

diff --git a/src/app/components/wait/wait-demo.component.html b/src/app/components/wait/wait-demo.component.html
index 1c76a09de..392d5808f 100644
--- a/src/app/components/wait/wait-demo.component.html
+++ b/src/app/components/wait/wait-demo.component.html
@@ -2,9 +2,16 @@
 
 
 <div style="height: 200px; width: 200px; margin-top: 10px;">
-  A large area that can be waited with the <code>sky-wait</code> directive.
+
   <sky-wait [isWaiting]="isWaiting">
   </sky-wait>
+
+  <div>
+    <p style="position:absolute; background-color: red">
+    A large area that can be waited with the <code>sky-wait</code> directive.
+    </p>
+  </div>
+
 </div>
 
 <button type="button" class="sky-btn sky-btn-primary" (click)="showPageWait(true)">Show page wait</button>
diff --git a/src/modules/wait/fixtures/wait.component.visual-fixture.html b/src/modules/wait/fixtures/wait.component.visual-fixture.html
index a804627cb..786183b47 100644
--- a/src/modules/wait/fixtures/wait.component.visual-fixture.html
+++ b/src/modules/wait/fixtures/wait.component.visual-fixture.html
@@ -12,3 +12,16 @@
   </div>
 
 </div>
+
+<div id="screenshot-wait-absolute" style="height: 200px; width: 200px; margin-top: 10px;">
+
+  <sky-wait [isWaiting]="isWaiting">
+  </sky-wait>
+
+  <div>
+    <p style="position:absolute; background-color: red">
+    A large area that can be waited with the <code>sky-wait</code> directive.
+    </p>
+  </div>
+
+</div>
diff --git a/src/modules/wait/wait.component.scss b/src/modules/wait/wait.component.scss
index 16bb176c8..c26144e10 100644
--- a/src/modules/wait/wait.component.scss
+++ b/src/modules/wait/wait.component.scss
@@ -8,6 +8,7 @@
   left: 0;
   bottom: 0;
   background-color: $sky-wait-mask-color;
+  z-index: $sky-page-wait-z-index;
 }
 
 .sky-wait-mask-loading-fixed {
diff --git a/src/modules/wait/wait.component.visual-spec.js b/src/modules/wait/wait.component.visual-spec.js
index 94cc1ef26..67ff60144 100644
--- a/src/modules/wait/wait.component.visual-spec.js
+++ b/src/modules/wait/wait.component.visual-spec.js
@@ -12,6 +12,17 @@ describe('wait component', function () {
       });
   });
 
+  it('should display wait on parent to block absolute item', function () {
+    return browser
+      .setupTest('/wait.html')
+      .click('.sky-test-wait')
+      .compareScreenshot({
+        screenshotName: 'wait_component_absolute',
+        selector: '#screenshot-wait-absolute',
+        checkAccessibility: true
+      });
+  });
+
   it('should display nonblocking wait on parent', function () {
     return browser
       .setupTest('/wait.html')