From ca6ec8bb0fa8420bacf0714a6b8206ea7dfb8e32 Mon Sep 17 00:00:00 2001
From: Paulus Schoutsen <paulus@paulusschoutsen.nl>
Date: Mon, 5 Mar 2018 15:18:37 -0800
Subject: [PATCH] Fix dev info panel dialog overlay (#971)

---
 panels/dev-info/ha-panel-dev-info.html | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/panels/dev-info/ha-panel-dev-info.html b/panels/dev-info/ha-panel-dev-info.html
index 83b622d083..d4f5bf190b 100644
--- a/panels/dev-info/ha-panel-dev-info.html
+++ b/panels/dev-info/ha-panel-dev-info.html
@@ -251,6 +251,12 @@ class HaPanelDevInfo extends Polymer.Element {
   ready() {
     super.ready();
     this.addEventListener('hass-service-called', ev => this.serviceCalled(ev));
+    // Fix for overlay showing on top of dialog.
+    this.$.showlog.addEventListener('iron-overlay-opened', (ev) => {
+      if (ev.target.withBackdrop) {
+        ev.target.parentNode.insertBefore(ev.target.backdropElement, ev.target);
+      }
+    });
   }
 
   serviceCalled(ev) {