Really fix #40.

thomasloven · Jan 3, 2020 · fdc397e · fdc397e
1 parent 2598e5d
commit fdc397e
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 7 deletions.
diff --git a/layout-card.js b/layout-card.js
diff --git a/src/main.js b/src/main.js
@@ -47,8 +47,9 @@ class LayoutCard extends LitElement {
         || (this._config.cards && this._config.cards.length))
       ) {
       // Build cards and layout
+      const width = this.clientWidth;
       this.cards = await this.build_cards();
-      this.place_cards();
+      this.place_cards(width);
     }
 
     if(changedproperties.has("hass") && this.hass && this.cards) {
@@ -90,14 +91,12 @@ class LayoutCard extends LitElement {
     );
   }
 
-  place_cards() {
+  place_cards(width) {
     if(this._config.layout === "grid")
       return;
-    const width = this.shadowRoot.querySelector("#columns").clientWidth;
-
     this.columns = buildLayout(
       this.cards,
-      width,
+      width || 1,
       this._config
     );
 
@@ -235,4 +234,4 @@ class LayoutCard extends LitElement {
 
 }
 
-customElements.define("layout-card", LayoutCard);
+customElements.define("layout-card", LayoutCard);