Run a method once dom-repeat's rendering is all done
<p>I have a dom-repeat element displaying records, and would like to run an operation once dom-repeat is <em>finished</em>. This is so that I can run:</p>

<pre><code>    this.$.content.scrollTop = this.$.content.scrollHeight;
</code></pre>

<p>(It's a chat system, it would be silly not to scroll down to the last one).</p>

<p>It's a fairly normal dom-repeat template... I tried plugging myself as a filter for it, or observing the data, but in all cases I get called <em>before</em> rendering has happened.</p>

<p>Here is the dom-repeat -- how do I do this?</p>

<pre><code>    &lt;div class="content" id="content"&gt;
      &lt;div class="container-fluid"&gt;
        &lt;template is="dom-if" if="[[!_dataThere(data)]]"&gt;
          &lt;my-empty-list icon="question-answer" message="You haven't talk to this user yet. (You can do it now!)"&gt;&lt;/my-empty-list&gt;
        &lt;/template&gt;

        &lt;hot-network manage-errors&gt;
          &lt;iron-ajax id="aj" auto url="{{_makeUrl(userId,userData.generic.id)}}" handle-as="json" last-response="{{data}}"&gt;&lt;/iron-ajax&gt;
          &lt;template is="dom-if" if="[[_dataThere(data)]]"&gt;

            &lt;template is="dom-repeat" items="[[data]]"&gt;

              &lt;div class$="message {{_theirsOrMine(item)}}"&gt;
                &lt;div class="message-inner"&gt;
                  &lt;div class="avatar"&gt;&lt;/div&gt;
                  &lt;div class="bubble"&gt;{{ item.message}}&lt;/div&gt;
                &lt;/div&gt;
                &lt;div class="meta"&gt;{{_formattedDate(item.added)}}&lt;/div&gt;
              &lt;/div&gt;

            &lt;/template&gt;

          &lt;/template&gt;
        &lt;/hot-network&gt;
      &lt;/div&gt;
    &lt;/div&gt;
</code></pre>