template rendering bug ? about dna-engine HOT 4 CLOSED

from dna-engine.

This bug is because the location of the template within the container is determined by simply looking at the index of the template relative to its siblings. This breaks if there are multiple templates at the same level within the same container.

The workaround is to wrap each template.

For example, replace:

<div id=book class=dna-template>
   <p>Title:  <span>~~title~~</span></p>
</div>

with:

<div class=books>
   <div id=book class=dna-template>
      <p>Title:  <span>~~title~~</span></p>
   </div>
</div>

Wrapping templates has as two advantages:
1) Performance, because dna.js does not have to calculate position within the container
2) Semantics, because multiple clones (plural) are closely related and should be in a group (singular)

Nonetheless, this bug needs to be fixed. The fix has been tested and will be released shortly. The fix involves making the location calculation of unwrapped templates smarter to keep track of templates further up in the DOM and adjust automatically as they are cloned.

from dna-engine.

The original test.txt running with the old dna.js v1.3.7:
https://jsfiddle.net/bwrbch25/7

...and with the new dna.js v1.3.8:
https://jsfiddle.net/bwrbch25/8

from dna-engine.

Release v1.3.8

from dna-engine.