The new rewritten version no longer requires the wrappers that I'd used before and works in these cases:
- {{#if message}}
- <div class="example" can-transition="true">
- {{message}}
- </div>
- {{/if}}
- {{#each items}}
- <div class="example" can-transition="true">
- {{message}}
- </div>
- {{/each}}
… but not this case:
- {{#if items.length}}
- <!-- div container does not wait for children to finish transitioning -->
- <div>
- {{#each items}}
- <div class="example" can-transition="true">
- {{message}}
- </div>
- {{/each}}
- </div>
- {{/if}}
Even after looking into jQuery++'s event.pause/resume, I'm not sure yet how to incorporate events in this scenario.