title: Polymer 1.0 - Issue with displaying values inside template is="dom-repeat"
body: <p>While <a href="https://www.polymer-project.org/1.0/docs/migration.html" rel="nofollow">migrating to Polymer 1.0</a> from 0.5 I have come across an interesting thing. Thought it might help others having similar problem.</p>
  
  <p>I have an element where I am using <code>&lt;template is="dom-repeat" items="{{customers}}"&gt;...&lt;/template&gt;</code>. The problem I am facing is I have to place every single property binding inside a HTML element. The code below what I intended to write:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;template is="dom-repeat" items="{{customers}}"&gt;
    &lt;div&gt;
      {{item.name}}&lt;br /&gt;
      {{item.addr}}, {{item.addr2}}&lt;br /&gt;
      {{item.phone}}
    &lt;/div&gt;
  &lt;/template&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>But it is only displaying the value for <code>{{item.name}}</code>. The reason is other property bindings <strong>are not wrapped within separate HTML tags, they are not displaying at all</strong>!</p>
  
  <p>I tried the following but didn't work either:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;template is="dom-repeat" items="{{customers}}"&gt;
    &lt;div&gt;
      &lt;p&gt;{{item.name}}&lt;/p&gt;
      &lt;span&gt;{{item.addr}} {{item.addr2}}&lt;/span&gt;
    &lt;/div&gt;
  &lt;/template&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Means, I put <code>{{item.name}}</code> inside a <code>&lt;p&gt;...&lt;/p&gt;</code> tag and placed <code>{{item.addr}}</code> and <code>{{item.addr2}}</code> inside a single <code>&lt;span&gt;...&lt;/span&gt;</code> tag.</p>
  
  <p>Then I went on and <strong>put every single property binding wrapped by their own HTML tags</strong> like the following:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;template is="dom-repeat" items="{{customers}}"&gt;
    &lt;div&gt;
      &lt;p&gt;{{item.name}}&lt;/p&gt;
      &lt;span style="display:block"&gt;{{item.addr}}, &lt;span&gt;{{item.addr2}}&lt;/span&gt;&lt;/span&gt;
      &lt;span style="display:block;"&gt;{{item.phone}}&lt;/span&gt;
    &lt;/div&gt;
  &lt;/template&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>and it works!!</p>
  
  <p>I truly have no idea whether it is a bug of 1.0 or there is something I am doing wrong! If anybody knows the answer please help.</p>
  
  <p>Thanks in advance</p>