Disconnect unused more-info (#945)

src/more-infos/more-info-camera.html

@@ -40,6 +40,16 @@ class MoreInfoCamera extends window.hassMixins.EventsMixin(Polymer.Element) {
     };
   }
 
+  connectedCallback() {
+    super.connectedCallback();
+    this.isVisible = true;
+  }
+
+  disconnectedCallback() {
+    this.isVisible = false;
+    super.disconnectedCallback();
+  }
+
   imageLoaded() {
     this.fire('iron-resize');
   }

src/more-infos/more-info-content.html

@@ -43,16 +43,21 @@ class MoreInfoContent extends Polymer.Element {
 
   stateObjChanged(stateObj, hass) {
     if (!stateObj || !hass) {
-      // If root has lastChild, set 'isVisible' attribute of that child to false.
       if (this.lastChild) {
-        this.lastChild.isVisible = false;
+        this._detachedChild = this.lastChild;
+        // Detach child to prevent it from doing work.
+        this.removeChild(this.lastChild);
       }
-    } else {
+      return;
-      window.hassUtil.dynamicContentUpdater(
-        this, 'MORE-INFO-' + window.hassUtil.stateMoreInfoType(stateObj).toUpperCase(),
-        { hass: hass, stateObj: stateObj, isVisible: true }
-      );
     }
+    if (this._detachedChild) {
+      this.appendChild(this._detachedChild);
+      this._detachedChild = null;
+    }
+    window.hassUtil.dynamicContentUpdater(
+      this, 'MORE-INFO-' + window.hassUtil.stateMoreInfoType(stateObj).toUpperCase(),
+      { hass: hass, stateObj: stateObj }
+    );
   }
 }