From 11e201a256a2b08699bdecd62824bbd9c0d3cb99 Mon Sep 17 00:00:00 2001
From: Yvonne Yip <yky@google.com>
Date: Mon, 23 Jun 2014 11:43:33 -0700
Subject: [PATCH] position shadow behind other elements

---
 paper-dialog.css  | 1 +
 paper-dialog.html | 5 +++--
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/paper-dialog.css b/paper-dialog.css
index 9efa1bf..73096be 100644
--- a/paper-dialog.css
+++ b/paper-dialog.css
@@ -9,6 +9,7 @@
   left: 0;
   bottom: 0;
   right: 0;
+  z-index: -1;
 }
 
 #container {
diff --git a/paper-dialog.html b/paper-dialog.html
index ed0faf0..ba0bfd1 100644
--- a/paper-dialog.html
+++ b/paper-dialog.html
@@ -27,8 +27,9 @@
 
     <link href="paper-dialog.css" rel="stylesheet">
 
-    <div id="shadow"></div>
-    <paper-shadow z="3" target="{{$.shadow}}" hasPosition></paper-shadow>
+    <div id="shadow">
+      <paper-shadow z="3" hasPosition></paper-shadow>
+    </div>
 
     <core-overlay id="overlay" opened="{{opened}}" target="{{}}" sizingTarget="{{$.container}}" closeSelector="[dismissive],[affirmative]" transition="{{transition}}" margin="20"></core-overlay>