Improve nesting

thomasloven · Jan 29, 2020 · 001de4f · 001de4f
1 parent c0f8304
commit 001de4f
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 4 deletions.
diff --git a/layout-card.js b/layout-card.js
diff --git a/src/main.js b/src/main.js
@@ -31,6 +31,10 @@ class LayoutCard extends LitElement {
     this.columns = [];
   }
 
+  connectedCallback() {
+    super.connectedCallback();
+    this.place_cards(this.clientWidth);
+  }
   async firstUpdated() {
     window.addEventListener('resize', () => this.place_cards());
     window.addEventListener('hass-open-menu', () => setTimeout(() => this.place_cards(), 100));
@@ -96,8 +100,8 @@ class LayoutCard extends LitElement {
       return;
     if(width !== undefined)
       this.lastWidth = width;
-    else
-      width = this.lastWidth;
+    this.lastWidth = this.clientWidth || this.lastWidth;
+    width = this.lastWidth;
     this.columns = buildLayout(
       this.cards,
       width || 1,
@@ -238,4 +242,5 @@ class LayoutCard extends LitElement {
 
 }
 
-customElements.define("layout-card", LayoutCard);
+if(!customElements.get("layout-card"))
+  customElements.define("layout-card", LayoutCard);