From e831ea6f8df8685e8e80b978f970581a6708948b Mon Sep 17 00:00:00 2001
From: Yvonne Yip <ykyyip@google.com>
Date: Wed, 6 Nov 2013 11:48:20 -0800
Subject: [PATCH] polymer-ui-overlay: don't style <content>, fix backdrop when
 transitioning

---
 polymer-ui-overlay/polymer-ui-overlay.html | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/polymer-ui-overlay/polymer-ui-overlay.html b/polymer-ui-overlay/polymer-ui-overlay.html
index b692a74..ec3134f 100644
--- a/polymer-ui-overlay/polymer-ui-overlay.html
+++ b/polymer-ui-overlay/polymer-ui-overlay.html
@@ -11,16 +11,15 @@
         bottom: 0;
         right: 0;
         z-index: -1;
+        visibility: hidden;
       }
-      #container {
-        background: white;
+      :host(.polymer-overlay.opened:not(.animating)) #backdrop {
+        visibility: visible;
       }
     </style>
     <polymer-overlay id="overlay" opened="{{active}}" autoCloseDisabled="{{modal}}" transitions="{{transitions}}"></polymer-overlay>
-    <div id="backdrop" hidden?="{{!backdrop}}" pseudo="x-backdrop" on-click="{{toggle: !modal}}"></div>
-    <div id="container" pseudo="x-overlay">
-      <content></content>
-    </div>
+    <div id="backdrop" hidden?="{{!backdrop}}" on-click="{{toggle: !modal}}"></div>
+    <content></content>
   </template>
   <script>
     Polymer('polymer-ui-overlay', {