From b092cdd04dd186658a50563bf1cf55159d6449a9 Mon Sep 17 00:00:00 2001
From: Andrey <andrey-git@users.noreply.github.com>
Date: Tue, 5 Dec 2017 03:19:03 +0200
Subject: [PATCH] Another dropdown-hidden-behind-header fix (#709)

---
 src/layouts/ha-app-layout.html | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/layouts/ha-app-layout.html b/src/layouts/ha-app-layout.html
index 28bea8f08f..1128a75701 100644
--- a/src/layouts/ha-app-layout.html
+++ b/src/layouts/ha-app-layout.html
@@ -56,10 +56,12 @@ transform: translate(0) is added.
       #contentContainer {
         /* Create a stacking context here so that all children appear below the header. */
         position: relative;
+        z-index: 0;
+      }
+      .scroll-limiter {
         /* Using 'transform' will cause 'position: fixed' elements to behave like
            'position: absolute' relative to this element. */
         transform: translate(0);
-        z-index: 0;
       }
       :host([has-scrolling-region]) .scroll-limiter {
         overflow-y: auto;