render immediately when first connected

jrobinson01 · Mar 12, 2019 · b409b20 · b409b20
1 parent 51f8b48
commit b409b20
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git a/sm-element.js b/sm-element.js
@@ -123,6 +123,8 @@ class SMElement extends HTMLElement {
         if (this.getAttribute('state') !== this.__state) {
             this.setAttribute('state', this.__state);
         }
+        // render immediately the first time
+        this.render(this.data);
     }
     disconnectedCallback() {
         // nothing to do here. provided for subclasses calling super.disconnectedCallback

diff --git a/src/sm-element.ts b/src/sm-element.ts
@@ -161,6 +161,9 @@ class SMElement extends HTMLElement {
     if (this.getAttribute('state') !== this.__state) {
       this.setAttribute('state', this.__state);
     }
+    // render immediately the first time, so that elements
+    // can be accessed in connectedCallback()
+    this.render(this.data);
   }
 
   protected disconnectedCallback() {